通过jQuery在选择菜单中添加禁用的选定选项

Question

我们有一个选择菜单，通过数据属性和knockout.js数组填充。我对jQuery也不太熟悉，记住这一点。

我如何通过jQuery添加一个选项，这是第一个被选中的选项，它也被禁用了。基本上，它被用作占位符。我知道如何通过HTML来做到这一点，但不是这样。这是正在使用的HTML：

<select id="delemilter" data-bind="options: delimiterList, value: delimiterSelectedValue, optionsValue: 'value', optionsText: 'name', enable: true"></select>

在其他选择菜单中，我们的一位开发人员使用了这一行jQuery。似乎是一些淘汰API的东西。看起来像一个可观察的数组：

self.selectMenuID.push({ value: 'Placeholder Text', key: 0, data: 0, disabled: true });

无法弄清楚如何重新使用它...希望这是足够的信息。

谢谢！

Answer 1

您可以按照以下方式执行此操作：

$('#delemilter').prepend('<option disabled="disabled">My disabled Option</option>');

请记住在我们的选项的html中根据需要指定其他属性。

这是一个JSFiddle：http://jsfiddle.net/loanburger/ask9L71h/