如何更改下拉列表标签文本单击

How to change dropdown list label text on click?

本文关键字：文本单击标签下拉列表何更改更新时间：2023-09-26

我的HTML中有一个<select>元素，它通过ng-model绑定到作用域中的对象。

最初我希望下拉菜单读"组…"，但当用户点击控件时，我希望"组…"被重命名为"所有"，这样"组…"就永远不会被选中，在同样的意义上，网站使用文本框默认文本，给你一个提示，窗体是什么，并消失当它得到用户的焦点(例如"搜索…"字段)。

下面是我的JSFiddle示例，它没有像我预期的那样工作:http://jsfiddle.net/TXPJZ/561/

我认为ng-onclick="myOptions[0].label = 'All'"会起作用，它应该改变填充下拉菜单的数据结构的值，从而改变下拉菜单选项，但它没有。

我如何使它像我想要的那样工作?

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

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