单击选择框，使用Jquery在下一个文本框中输入/显示选项 第一期 第二期 第三期 第四期 第五期 第六期

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

使用jquery change（）事件。像这样

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

也用这个替换您的输入

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

使用jquery change（）事件。像这样

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

也用这个替换您的输入

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

将id添加到文本框：

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

将id添加到文本框：

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

---

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

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

---

JS Fiddle:

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

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

JS小提琴：