2013-04-14 33 views
-1

html格式我有一个输入文本类型,并选择几个选项的菜单!如何用jQuery改变输入值?

我想改变我的选择菜单 选择它输入到期权价值的价值,我想我可以用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”
我希望标题和类别的值相同!

回答

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

DEMO HERE

F.Y.I.

:checked Selector API Docs

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

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

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

+0

这些是非常宽泛的选择器。 :-) –

+0

@ T.J.Crowder - 剩下的就是让他弄清楚。 ;) –

+0

哇。 downvoter可以解释为什么这个答案值得吗? –