javascript - 如何在选择下拉菜单项后禁用它

Question

我有一个常规组合框，我正在监听更改事件并将所选值粘贴在 html 表中。这一切都很好，但有一个问题。现在，用户可以多次选择同一项目(我不想允许)。

在选择项目时，我想要:

1. 捕获值并将其粘贴在表格中(我现在正在执行此操作，代码如下)

   <script type="text/javascript">
       $(document).ready(function() {
       $('#categories').change(function() {
           if (this.selectedIndex != 0) {
               addRowToTable(this.value);
           }
       });
   }
   

我正在尝试弄清楚如何执行下面的#2 和#3。 .

将 selectedindex 重置回 0(表示“请选择 . .”)

不允许再次选择该选项(以及禁用该下拉项时的任何视觉表示)。

Answer 1

第一点非常简单:

$('#categories option:first').get(0).selectedIndex = 0;

您还可以在下拉列表中使用选项的值，如下所示:

$('#categories').val('myOptionValue');

为了防止再次选择某个项目，我会使用以下内容将其从下拉列表中删除:

$('#categories option[value=valueToRemove]').remove();