JQuery:将选择框值分配给输入字段

时间:2012-06-18 05:56:06

标签: jquery forms input

我想将选择框中的值分配给输入字段(只读)...

当从选择框???

中选择项目时,如何自动填充此输入字段

4 个答案:

答案 0 :(得分:7)

简单,使用"选择"事件并填写文本框

试试这个,Demo -Click Here

答案 1 :(得分:3)

$('select[name=cars]').change(function()
{
   $('input[name=selected-cars]').val($(this).find('option:selected').html()) // text
   $('input[name=selected-cars]').val($(this).val()) // value
})

答案 2 :(得分:0)

尝试:

$("YourSelectBoxIDOrClass").live("change", function() {
var SelectedValue=$("YourSelectBoxIDOrClass option:selected").text();
 $('#YourTextBoxID').val(SelectedValue).attr('readOnly', 'true');

});

我正在使用jQuery 1.4,因此我使用live。对于jQuery 1.7,不推荐使用.live()方法。所以,如果你想使用.on()。详情:http://api.jquery.com/live/

答案 3 :(得分:0)

你可以试试这个

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

您可以使用特定输入字段替换此处(输入[type ='text'])...