選擇上的變化將改變另一種選擇HTML JavaScript或jQuery的

Question

我有一個選擇這樣

<select name="category" > 

    <option value="0" selected>Select a Manufacturer</option> 
    <option value="10">Acer Technologies</option> 
    <option value="2">Alcatel</option> 
    <option value="14">Apple Iphone</option> 
    <option value="4">Azumi</option> 
    <option value="12">HTC Corporation</option> 
    <option value="8">Huawei</option> 
    <option value="5">LG Electronics</option> 
    <option value="11">Motorola</option> 
    <option value="9">Nokia Microsoft</option> 
    <option value="1">Samsung</option> 
    <option value="6">Sony Ericsson</option> 
    <option value="3">Zhong Xing ZTE</option> 
</select> 

而另一選擇隱藏這樣

<select name="manufacturer" > 

    <option value="none" selected>Select a Manufacturer</option> 
    <option value="Acer Technologies">Acer Technologies</option> 
    <option value="Alcatel">Alcatel</option> 
    <option value="Apple Iphone">Apple Iphone</option> 
    <option value="Azumi">Azumi</option> 
    <option value="HTC Corporation">HTC Corporation</option> 
    <option value="Huawei">Huawei</option> 
    <option value="LG Electronics">LG Electronics</option> 
    <option value="Motorola">Motorola</option> 
    <option value="Nokia Microsoft">Nokia Microsoft</option> 
    <option value="Samsung">Samsung</option> 
    <option value="Sony Ericsson">Sony Ericsson</option> 
    <option value="Zhong Xing ZTE">Zhong Xing ZTE</option> 
</select> 

兩個選擇幾乎是相同的值，則第一一個是保存製造商類別以及第二個是節省製造廠家名稱

，而第二個被隱藏第一個是可見的（顯示：無）

我需要的是：

如果用戶在選擇一個例如

<option value="2">Alcatel</option> 

選擇在某種程度上隱藏顯示：沒有選擇，必須自動選擇了到

<option value="Alcatel">Alcatel</option> 

任何如何做到這一點？

我已經jQuery的網站上運行的其他功能

感謝

Answer 1

使用change功能：

$("select[name='category']").change(function(e) { 
    $("select[name='manufacturer']").val($(this).find("option:selected").text()); 
}); 

但如果category選項的文本選擇不manufacturer選擇匹配期權價值 - 代碼將無法使用。