当前位置: 首页 > 知识库问答 >
问题:

如何从angularjs中的select选项中获取所选值

邵和硕
2023-03-14

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

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:默认选项在选中时应该是灰色的,甚至在用户打开下拉列表时也应该是灰色的。Rest其他选项应该在两个条件下都有其黑色文本(在选择和下拉列表显示)。

提前道谢。

共有1个答案

罗韬
2023-03-14

default选项将select模型(即myselect)的值设置为空字符串“”,而undefined(如果设置为模型)将映射到该默认值。

所以,您可以这样做:

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

柱塞

 类似资料:
  • 问题内容: 我有两个单选按钮和。 如何获取所选单选按钮的值。 我是否需要使用ng-model或其他东西。在jquery中,我知道Angularjs中没有的东西。 问题答案: 双方应该有相同与不同 (意味着有选择使用S或按钮),使所选择的值将在修改$ scope变量,你可以抓住的形式的控制器内部的值或者提交按钮点击。 标记

  • 问题内容: 如何通过传递ID来通过jQuery获得select的所有选项? 我只是想获得他们的价值观,而不是文字。 问题答案: 采用:

  • 我有一个超文本标记语言选择框,在我的jsp中启用了多选择。我从其他按钮动态填充选项。因此,用户不会从该选择框中选择任何值。我必须将selectbox的所有值传递给其他jsp。 我正在使用表单操作提交浏览jsp。这样做时,我无法获得所有的选择框值。 此选项仅提供该多选框中的选定值。我想要的是从selectbox中获取所有值,无论是否选中。 谢谢

  • 问题内容: 我有一组具有相同名称的输入复选框,并且我想确定已使用JavaScript选中了哪些复选框,如何实现呢?我只知道如何获取所有复选框,如下所示: 问题答案: 一个简单的for循环,用于测试属性并将选中的属性附加到单独的数组中。从那里,如果需要,您可以进一步处理数组。

  • 我在Rust中有一个,我需要在接受切片的函数中使用它。如何从一个中获取一个切片,其中的切片有一个元素,而的切片有零个元素?

  • 问题内容: 我已经编辑了数据,并试图仅获取用户已选择的数据。我不确定该怎么做,这就是我所拥有的: HTML: JS: 我确实以一种方式使它工作-通过向每个对象添加属性并将复选框的更改为,然后可以在函数中对此进行过滤。但是,这似乎效率很低,如果可以避免,我不想在模型中添加额外的属性。 有没有更好的办法 ? 问题答案: 的JavaScript HTML http://plnkr.co/edit/lqt