Question

   <select id="studentinst" size="6">
  <option value="1">First Installment</option>
  <option value="2">Second Installment</option>
  <option value="3">Third Installment</option>
  <option value="4">Fourth Installment</option>
  <option value="5">Fifth Installment</option>
  <option value="6">Sixth Installment</option>
  </select>

  <input name="instalmentnamefdtls" type="text" size="20" value=""/>

我的问题是，如果我点击First Installment或任何分期付款，它应该显示在输入文本框中。如何使用jquery实现这一点？

Answer 1

$('#studentinst').change(function()) {
    if ($(this).val() == 1) {
        $('#instalmentnamefdtls').val('First Installment');
    }
});

在您的文本框中添加ID：

<input name="instalmentnamefdtls" id="instalmentnamefdtls" type="text" size="20" value=""/>

Answer 2

谷歌是你最好的朋友！谷歌这个问题很容易！

$(function() {
    $('#studentinst').change(function() {
        $('input[name="instalmentnamefdtls"]').val($('#studentinst option:selected').text());
    });
});

JS小提琴：http://jsfiddle.net/bLape/

Answer 3

使用jquery change（）事件。喜欢这个

$('#studentinst').change(function(){
    var txt = $(this).val();
    $(':input#instalmentnamefdtls').val(txt);
});

也用这个

替换你的输入

 <input id="instalmentnamefdtls" name="instalmentnamefdtls" type="text" size="20" value=""/>

Answer 4

$("#studentinst").change(function(){
    var select_val =$('#studentinst option:selected').text();
    $("input[name='instalmentnamefdtls']").val(select_val);
});

单击选择框，使用Jquery在下一个文本框中输入/显示选项

4 个答案: