AngularJS將多個下拉列表綁定到一個值

有3個下拉列表，並且都綁定到一個模塊。這裏是我的小提琴AngularJS將多個下拉列表綁定到一個值

。所有型號均設置爲myOption。當選擇其中一個時，將打印每個下拉列表的值。沒關係。但其餘的下拉菜單選定的價值變得空空如也。我想在選擇一個下拉菜單時將其他2個下拉值設置爲Select。任何解決方案

2015-02-07 Débora

你的意思是你想要什麼時候其中一個選擇進入其初始狀態 - 「選擇」被選中，那麼其他兩個也應該進入該狀態？ – shershen 2015-02-07 14:54:14

@shershen。感謝您的關注。假設選擇第二個下拉菜單並將該值設置爲「AAA」，則第一個和第三個下拉菜單值需要爲「Select」值。（這裏的問題是，第一和第三個值變空了！） – 2015-02-07 14:58:22

如果我和@shershen所理解的是正確的，那麼你可以通過擁有一個對象來實現它。var obj = {label：'Select'，value： '0'};'並在所有選項中使用它'$ scope.options = [obj，{..}，{..}]' – CodingNinja 2015-02-07 15:01:06

我定你的jsfiddle這裏：http://jsfiddle.net/7sv0y153/4/

你不應該在你的NG-options數組默認爲空選項，但有它在每一個「選擇」元素如下：

<option value="">Select</option>

這樣，如果選擇元素在其ng選項中找不到匹配項，那麼「select」元素將把空值作爲默認值處理。

希望這會有所幫助。

來源

2015-02-07 15:03:18 AdirAmsalem

非常感謝。這正是需要的。 – 2015-02-07 15:09:59

AngularJS將多個下拉列表綁定到一個值

回答

相關問題