在jquery中的下拉值

我有兩個下拉列表中的項目2和6分別。當我選擇第一個下拉列表項，項目在第二個名單將在6，當我選擇第一個下拉列表其他價值，項目的名單應該是5在第二個下拉，在jquery中的下拉值

請在這裏找到的代碼：

<select id="firstdropdown"> 
    <option value="1">Test</option> 
    <option value="2">Testing</option> 
</select> 
<select id="seconddropdown"> 
    <option value="1">test1</option> 
    <option value="2">test2</option> 
    <option value="3">test3</option> 
    <option value="4">test4</option> 
    <option value="5">test5</option> 
    <option value="6">test6</option> 
</select>

任何人都可以建議我在jQuery或JavaScript的解決方案嗎？

來源

2012-12-14 aruna

你是否n你想選擇值爲'5'還是'6'的項目，或者你想在第二個選擇中有'5'或'6'項目？你的問題不清楚。另外，SO問題應該包括你自己編寫的任何代碼來尋找解決方案。 –

當我選擇'測試'時，應列出第二個下拉列表中的所有值，當我選擇'測試'時，應僅列出第二個下拉列表中的5個值 – aruna

事情是這樣的：

$("#firstdropdown").change(function() { 
    if(this.value === "1") $("#seconddropdown").val("6"); 
    else $("#seconddropdown").val("5"); 
})

編輯：添加的jsfiddle：http://jsfiddle.net/scaillerie/WGhLA/

來源

2012-12-14 10:17:29

我想OP想要第二個下拉列表中的6個項目或5個項目 –

你可以做到這樣，我以爲你要顯示/隱藏last項目。您可以通過給予index將其更改爲您所需的值。

Live Demo

$('#firstdropdown').change(function(){ 
    if($(this).val() == "2") 
     $('#seconddropdown option:eq(5)').hide(); 
    else 
     $('#seconddropdown option:eq(5)').show(); 
});

來源

2012-12-14 10:18:26 Adil

謝謝。但我找不到任何區別。當我在第一個下拉列表中選擇其他項目值時，我需要隱藏列表中的第三個項目。建議我解決這個問題。 – aruna

從我的理解您是第一次下降的第二個選項下

$("#firstdropdown").change(function() { 
    if(this.value === "2") $("#seconddropdown option:last").remove(); 
    //here you are just removing last item  
})

來源

2012-12-14 10:18:45

如果你需要隱藏在下拉列表中的任何項目，只需刪除項目需要更改'eq'的索引

$('#firstdropdown').change(function(){ 
    if($(this).val() == "2") 
     $('#seconddropdown option:eq(3)').hide(); // change the index of 'eq' 
    else 
     $('#seconddropdown option:eq(3)').show(); 
    });

來源

2012-12-14 11:24:49 RGR

謝謝。但是這段代碼不適合我。建議我解決一些問題 – aruna

在jquery中的下拉值

回答

相關問題