在下拉框中禁用选择选项

Question

`嗨，我是javascript和jquery的新手。我正在处理简单的食物和聊天订购网络应用程序。

我有早餐和数量下拉框。当点击添加按钮时，它会从所选的选项创建动态表。单击添加按钮后禁用所选选项？

Answer 1

如果我有以下html：

<select id="myselect">
  <option value="1">Foo</option>
  <option value="2">Bar</option>
</select>

<button id="mybutton"> Click me </button>

然后您可以使用jQuery：

$(function(){
    $('#mybutton').click(function() {
        $('#myselect option:selected').prop('disabled', true);
    });
});

小提琴：https://jsfiddle.net/xw35w9od/