gpt4 book ai didi

javascript - 如何从angularjs中的选择选项中获取选定的值

转载 作者:行者123 更新时间:2023-11-28 08:17:22 25 4
gpt4 key购买 nike

我正在学习 AngularJS 并尝试实现一个表单。我有一个选择元素,我希望能够根据所选文本更改所选值的颜色。

HTML:

<select ng-model="myselect" ng-class="{defaultoption: myselect.value == 'Default'}">
<option value="" disabled selected>Default</option>
<option>Opt1</option>
<option>Opt2</option>
</select>

CSS:

.defaultoption:{color:gray}

但这行不通。这可能是什么问题?

Edit1:默认选项在选中时应该是灰色的,即使用户打开了下拉列表也是如此。其他选项在两种情况下都应该有黑色文本(在选择和显示的下拉列表中)。

提前致谢。

最佳答案

默认选项将select 模型(即此处的myselect)的值设置为空字符串"",并且 undefined - 如果设置为模型 - 将映射到该默认值。

所以,你可以这样做:

ng-class="{defaultoption: !myselect}">

plunker

关于javascript - 如何从angularjs中的选择选项中获取选定的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28927028/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com