如何在点击时更改下拉列表标签文字?

时间:2014-06-19 18:25:47

标签: javascript angularjs drop-down-menu

我的HTML中有一个<select>元素,它通过ng-model绑定到范围内的对象。

最初我希望下拉列表显示“Group ...”,但是当用户点击控件时我希望“Group ...”重命名为“All”,以便“Group ...”永远不会选择,同样地,网站使用带有默认文本的文本框,提供表单的内容提示,并在获得用户焦点时消失(例如“搜索...”字段)。

这是我的JSFiddle示例,它无法正常工作:http://jsfiddle.net/TXPJZ/561/

我认为ng-onclick="myOptions[0].label = 'All'"可以正常工作,它应该更改填充下拉列表的数据结构的值,从而更改下拉选项但不会更改。

如何让这项工作像我想要的那样?

1 个答案:

答案 0 :(得分:2)

ng-click是你想要的指令,而不是ng-onclick。使用它似乎按照你想要的方式工作:

http://jsfiddle.net/TXPJZ/562/