Question

我想知道可能使用jQuery快速使用SELECT更改INPUT的值。

任何帮助将不胜感激，

谢谢！

Answer 1

将事件处理程序绑定到<select>，它将所选值指定为输入值：

$("#theSelect").change(function() {
    $("#someInput").val($(this).val());
});

根据您的具体要求，您可能需要或可能不需要在页面加载时触发处理程序（如果要将输入设置为最初选择的选项，则将需要）。

$("#theSelect").change(function() {
    $("#someInput").val($(this).val());
}).change(); // trigger once if needed

You can try it here.

Answer 2

$('select').change(function(){
    $('input').val($(this).val());
});

Answer 3

是指将文本框的值设置为更改后的下拉列表的值？这样做：

$("#mySelect").change(function(){
    $("#myInput").val($(this).val());
}

Answer 4

<input type="text" id="demoInput" /> 

<select id="demoSelect" />
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>


$('#demoSelect').change(function(){
    $('#demoInput').val($(this).val());
});

http://jsfiddle.net/praveen_prasad/7GUaq/

使用SELECT更改INPUT

4 个答案: