问题标签 [select-options]

我正在使用 Vue-Bootstrap 框架，我想在悬停元素时重写标签“选项”的 css 规则

我的代码就像这个jsfiddle

为什么'option：hover'中的背景颜色在不是悬停事件时更改背景，而不是在悬停事件时更改背景？

谢谢！

我在 Angular 8 中有一个非常基本的选择选项输入控件。用户从下拉列表中选择一个项目，它在下拉列表和ngModel变量中正确反映。

但是，如果我以编程方式清空源数组，下拉菜单仍然保留旧值，ngModel并且角度验证显示控件处于“有效”状态。但是，由于源数组现在为空，因此下拉菜单中没有显示任何内容。

我期望ngModel应该重置并且控制应该处于无效状态，因为现在没有选择任何内容。

我的期望错了吗？还是我做错了什么？

以下是重现该行为的完整示例：

Angular 8：堆栈闪电战

更新1：

我在 Angular 1 中创建了一个示例，该示例完全符合我的预期。如果在选项数组中找不到匹配的选项，AngularJS 会清除模型值。我的观点是，如果下拉列表是空的，那么用户会假设没有选择任何内容。然而，在 Angular2+ 的情况下，它在幕后持有旧模型值。

角度 1：StackBlitz

今天我正在尝试使用 Angular 7 制作一个自定义选择下拉菜单，当我将静态值放入选择选项时它工作正常。但问题是当我尝试使用 Angular *ngFor 循环或 *ngIf 时，自定义不起作用。请在下面查看我的 HTML、CSS 和 Javascript 代码。

HTML 工作

HTML 在 Angular *ngFor 中不起作用

TS

CSS

请大家检查并提出您的建议。

我在这里的 php/html 代码中遇到了问题，我似乎无法找到该错误。该表单似乎发布了除此字段之外的所有内容，该字段似乎每次都返回“空”。（尝试从表单中的“select”选项设置变量“active”，默认为数据库值。问题是，它总是返回到默认的 [database] 值，无论下面的“select”选项如何......即使在发布表格之后。） *请注意，“活动”的数据库值是 0/1 位值。这会影响结果吗？

我想将可用<option>标签之一设置为默认值。在<select>我使用的标签上v-model，我知道vue.js文档对此有以下说明：

v-model将忽略selected在任何表单元素上找到的 ... 属性。它将始终将 Vue 实例数据视为事实来源。您应该在组件的 data 选项内声明 JavaScript 端的初始值。

因此，我将selected属性与 v-bind 一起使用，并直接传递true给它或通过数据选项中的变量传递。不幸的是，它不起作用。这是一个jsfiddle。

这是示例代码：

HTML

JavaScript

我想要像这样的输出：

Firefox 版本 48 及其以下版本的输出：

Firefox 更高版本（48 以上）和其他浏览器：

代码 ：

希望在 Firefox 更高版本和其他浏览器中显示第一个输出。

• 我不能在这个项目中使用 JQuery 或引导程序。
• 也不能使用表单元素以外的元素。

有谁知道，如何使它工作？

谢谢。

我检索$index所选的$destinationData，当dd($destinationsData[$index]); 我得到我需要的结果但当我把它放在上面显示的值中时它没有出现

当您更改 a 中的选定值时，我想显示一个确认操作的模式b-form-selected。我无法停止事件，它总是在模态显示之前更改值。有这个选项吗？

这就是场景：我有一个包含不同类型对象的对象数据数组。它可以是文本、选择或其他任何内容。在视图中，我有一个 *ngFor 来循环这些数据，它会根据类型生成一个对象。我可以选择 2 或 3 个，这取决于我收到的 json。这些选择，可以依赖于从另一个选项中选择一个选项。因此，第二个选项需要根据第一个选择进行更改。例如：

第一次选择包含工作列表：我选择选项“开发人员” 第二次选择包含用户列表：“它必须向我显示选择了该工作的用户”

我试图在这里创建一个示例：https ://stackblitz.com/edit/ng-select-qyt3fu

这是代码：

在这种情况下：

我选择一个城市，第二个选择它过滤该城市的工作，然后我选择工作，第三个应该过滤具有该工作的用户。那可能吗？我还尝试使用哈希图使用过滤器函数进行过滤，但 newItems 始终为空。

有没有办法根据您在 html 选择选项下拉列表中选择的选项，使用 Javascript 将样式附加到现有类？

例如，在下表中，当从选项框中选择该数字时，我希望相应的数字变为粗体或突出显示。

非常感谢！