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

<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来实现这一点？点击选择框，使用Jquery将选项输入/显示到下一个文本框中

来源

2011-10-04 Ghostman

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

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

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

来源

2011-10-04 06:58:30

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

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

也与此

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

来源

2011-10-04 06:57:52

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

更换您输入ID添加到您的文本框：

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

来源

2011-10-04 06:57:54 pltvs

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

来源

2011-10-04 07:00:07

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

回答

相关问题