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

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=""/>

我的问题是，如果我单击“第一期付款”或任何“分期付款”，都应在输入文本框中显示它。如何使用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

Google是您最好的朋友！ 如此简单，谷歌这个问题！

$(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);
});