2013-04-14 32 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可以解釋爲什麼這個答案值得嗎? –