如何使用 Jquery 控制在下拉列表中显示的选项答案

【问题标题】：how to control options to display in a dropdown with Jquery如何使用 Jquery 控制在下拉列表中显示的选项
【发布时间】：2014-12-05 07:28:19
【问题描述】：

如何在jQuery中（或通过任何其他方式）指定在下拉控件的下拉面板中显示多少和哪些项目？我正在尝试实现下拉的只读行为。我无法将其禁用，因为它需要传递给服务器。目前添加隐藏字段也不是一个可行的选择，因为我有太多控件要更新。

我的目的是让下拉列表仅列出 1 个项目，这只是当前选定的项目。

编辑

在经历了几个线程和选项之后，我得到了一种实现方式 - 删除除了选中的所有选项（或应该保持选中的选项）。就我而言，这似乎是一种快速而肮脏的实现方式。想知道有没有更好的方法。这是我试过的小提琴：http://jsfiddle.net/51qqjyk1/1/

$(".readselect").find("option:not(:selected)").remove()

【问题讨论】：

请提供您的尝试
问题不清楚，您能否详细说明您的代码。jsfiddle.com 可能会有所帮助

标签： javascript jquery drop-down-menu

【解决方案1】：

我知道您想要一个无法选择任何选项的下拉菜单？

然后使用<option disabled="disabled">...</option>单独禁用选项

示例：http://jsfiddle.net/mwvdlee/d5w51ut3/

<select>
    <option disabled="disabled">1</option>
    <option selected="selected">2</option>
    <option disabled="disabled">3</option>
    <option disabled="disabled">4</option>
</select>

【讨论】：

小修正，不是“不能选择任何选项”而是“不能改变选择”
然后只在选择时使用它，
如果您禁用整个select，您将无法打开它来查看某些浏览器上的选项。只需禁用所有单个选项，您将无法选择任何选项，但仍能看到所有选项。只需在所选选项上添加selected="selected"。