從javascript或jquery添加或刪除下拉元素

-1

我有下拉列表，其值通過另一個下拉列表的值填充。這裏的問題是，當第一個值發生變化時，我需要綁定第二個值。我需要從javascript中完成。我唯一需要做的事情就是在第一個下拉列表更改時刪除並添加第二個下拉列表中的選擇選項。我該怎麼做？在此先感謝。從javascript或jquery添加或刪除下拉元素

來源

2012-08-08 ZMR BINU

後你的代碼替換你的控制，或者最好設置一個[FIDDLE]（http://jsfiddle.net） – adeneo 2012-08-08 06:34:08

你能舉一個例子嗎？代碼 – 2012-08-08 06:34:13

我會用一個例子來解釋一下。我有2個下拉菜單。 1顯示國家和其他顯示國家。當第一個下拉菜單中的國家發生變化時，我必須填寫該國第二個下拉菜單。這是一個例子。其實我需要使用主狀態下拉菜單綁定輔助狀態。 – 2012-08-08 06:37:35

不太清楚你想提供，但這裏的有限的信息到底是什麼，我認爲您的解決方案正在尋找：

HTML：

<select id="primary"> 
    <option value="one">One</option> 
    <option value="two">Two</option>  
</select> 
<select id="secondary"></select>

的jQuery：

var opts = { 
    'one':['a','b','c'], 
    'two':['d','e','f'] 
}; 

$('#primary').change(function(){ 
    var select = []; 
    $.each(opts[this.value], function(k, v){ 
     select.push('<option>'+ v +'</option>');    
    }); 
    $('#secondary').html(select.join(''));   
});

演示：http://jsfiddle.net/28TQZ/

來源

2012-08-08 06:38:41 RobB

$("#dropdownlist1").change(function() { 
    var selected = $("#dropdownlist1 option:selected"); 
    //clear 
    $("#dropdownlist2").html(""); 
    $("#dropdownlist2").append($("<option/>").text(selected.text()).val(selected.val())); 
})

來源

2012-08-08 06:40:11 Charlie

創建您需要的所有下拉列表，但僅向第一個下拉列表中添加選項。下一個只有一個「默認」值。
在選擇第一個下拉菜單時，使用jQuery根據第一個下拉列表中選擇的值獲取第二個下拉列表的值： $ .post（'ajax/aj_populate2nddropdown.php'，$（「 val（），function（result）{（'div.placedaround2nddropdown'）。html（result）;
}）;
文件ajax/aj_populate2nddropdown.php收集第二個下拉列表的值，並返回它們，作爲選項插入到下拉列表中。

來源

2012-08-08 06:42:49 Borniet

一個簡單的方法來做到這一點，只是有一個主要的下拉菜單和一堆開始隱藏的輔助下拉菜單。當你從第一個選擇的東西，那麼你取消隱藏相關的第二個

來源

2012-08-08 06:44:29

謝謝你的回覆TMP。但它在設計中創造了一個空間，所以我無法使用它。 – 2012-08-08 10:50:55

你可以有一個默認的第二個空的或只是指向第一個 – 2012-08-08 17:06:23

嘗試this如果您在客戶端

試圖用asp.net服務器控件

來源

2012-08-08 07:11:34 Nag

從javascript或jquery添加或刪除下拉元素

回答

相關問題