如何在文本框中自動輸入html

當我在數據列表中選擇一個選項時，我希望文本框自動填充。我有這個代碼，但它不起作用。對不起，我的英文不好如何在文本框中自動輸入html

<tr> 
    <td width="15%"><div class="tabtxt">Pilih Pembayaran</div></td> 
    <td width="2%"><div class="tabtxt">:</div></td> 
    <td width="83%"> 
     <input list="bayar" name="bayar" style="width: 203px"> 
     <datalist id="bayar"> 
      <option value="Visual Basic Islam"> 
      <option value="Baitul Arqam"> 
      <option value="Shortcourse"> 
      <option value="Sertifikasi"> 
      <option value="Seminar SID"> 
      <option value="TOEFL & Bahasa Inggris"> 
     </datalist> 
    </td> 
</tr> 
<tr> 
    <td width="15%"><div class="tabtxt">Kode Pembayaran</div></td> 
    <td width="2%"><div class="tabtxt">:</div></td> 
    <td width="83%"> 
     <input name="id_bayar" style="width: 200px" type="text" class="tfield" id="id_bayar"> 
     <script type="text/javascript"> 
      $("#bayar").change(function(){ 
       var in = $("#bayar").val(); 
       $("id_bayar").val("hallo"); 
      }); 
     </script> 
    </td> 
</tr>

我該如何解決？感謝您的答案

來源

2014-09-27 Muksidin Emoox

首先添加一個ID，例如inbayar，到輸入元素：

<input id="inbayar" list="bayar" name="bayar" style="width: 203px">

他們，則必須將此HTML5元素的事件綁定這樣的：

$(document).ready(function() { 
    $("#inbayar").bind('input', function() { 
     $("#id_bayar").val(this.value); 
     alert("Working!"); 
    }); 
});

此處的工作解決方案http://jsfiddle.net/csdtesting/gk3r8da9/

修訂解決問VOL.1 http://jsfiddle.net/csdtesting/gk3r8da9/1/

來源

2014-09-27 20:07:02

如何如果文本字段我想從數據庫加載數據？你能用例子告訴我嗎？ – 2014-09-27 22:57:29

對不起，我不擅長數據庫。你必須爲此提出另一個問題。對不起，我是前端類型:)。希望我幫助到現在！ – 2014-09-27 23:00:16

好的非常感謝，我真的是網絡編程的初學者。我已經完成了你之前寫的代碼，但它仍然不起作用，完整的代碼。 – 2014-09-27 23:21:40

<table> 
<tr> 
      <td width="15%"><div class="tabtxt">Pilih Pembayaran</div></td> 
      <td width="2%"><div class="tabtxt">:</div></td> 
      <td width="83%"> 

      <select id="bayar"> 
      <option value="Visual Basic Islam">Visual Basic Islam</option> 
      <option value="Baitul Arqam">Baitul Arqam</option> 
      <option value="Shortcourse">Shortcourse</option> 
      <option value="Sertifikasi">Sertifikasi</option> 
      <option value="Seminar SID">Seminar SID</option> 
      <option value="TOEFL & Bahasa Inggris">TOEFL & Bahasa Inggris</option> 
      </select> 
      </td> 
    </tr> 
     <tr> 
      <td width="15%"><div class="tabtxt">Kode Pembayaran</div></td> 
      <td width="2%"><div class="tabtxt">:</div></td> 
      <td width="83%"> 
       <input name="alert();" style="width: 200px" type="text" class="tfield" id="id_bayar"> 

      </td> 
     </tr> 
     </table> 
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 

<script type="text/javascript"> 
    $(document).ready(function(){ 

     $("#bayar").on('change',function(){ 

      var a = $("#bayar").val(); 

      $("#id_bayar").val(a); 
      }); 
    }); 

</script>

來源

2014-09-27 20:10:13

感謝您的評論，但如果我想在文本字段加載數據庫中的數據，你能告訴我的代碼示例。感謝先進 – 2014-09-27 22:58:53

如何在文本框中自動輸入html

回答

相關問題