點擊選擇框，使用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=""/> 

我的問題是，如果我點擊First Installment或任何Installment，它應顯示在輸入文本框中。如何使用jQuery來實現這一點？

Answer 1

谷歌是你最好的朋友！谷歌這個問題很容易！

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

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

Answer 2

使用jquery change（）事件。像這樣

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

也與此

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

Answer 3

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

更換您輸入ID添加到您的文本框：

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

Answer 4

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