Question

在html表单中我有一个带文本类型的输入，并选择带有几个选项的菜单！

我想将输入值更改为该选项值，我从“选择”菜单中选择它我想我可以用jQuery或js

来做

示例：

<input type="text" name="title" value="some text">
<select onchange="onCategoryChange(this)" name="catlist[]">
<option value="1" style="color: black">text1</option>
<option value="2" style="color: black">text2</option>
<option value="3" style="color: black">text3</option>
<option value="4" style="color: black">text4</option>
</select>

我想你明白输入是标题，选项是类别！
如果有人选择值为1的选项，那么输入的值将是“text1”
我希望标题和类别的值相同！

Answer 1

$("select[name='catlist[]']").change(function () {
    $("#inputID").val($(this).find("option:selected").text());
});

DEMO HERE

F.Y.I。

来自:checked Selector API Docs

:checked选择器适用于复选框和单选按钮对于选择元素，请使用:selected选择器。

Answer 2

$("select").change(function(){
    $("input").val($(this).find("option:checked").text());
});

http://jsfiddle.net/DerekL/QMXEn/

如何用jquery更改输入值？

2 个答案: