如何在文本框中自动输入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

回答

相关问题