Question

我希望能够为select选项添加div，并在select下拉列表中禁用它。

我已经使用了删除按钮，但是如果按下删除按钮，我想重新启用选择选项 - 这是我到目前为止无法做到的。

有人可以帮忙吗？

jQuery解决方案首选，但JavaScript解决方案也不错。打开隐藏/显示等解决方案，而不是禁用/启用。

$('select').on('change', function(e) {
  $('#here').append('<div>' + $(this).val() + '<button>DELETE</button> </div>');
  $('option:selected', this).attr('disabled', true);
});

$("div").on("click", "button", function(e) {
  e.preventDefault();
  var value = $(this).val();
  $('select').find($('option:selected', this)).attr('disabled', false);
  $(this).parent().remove();
});

div {
  border: 1px solid #999;
  padding: 15px
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select>
    <option>Please select one</option>
    <option>Volvooooo</option>
    <option>Saaaaaab</option>
    <option>Mercedeeeeeeees</option>
    <option>Audiiiiiii</option>
  </select>

<div id="here">Nothing selected yet</div>

请注意，据我所知，这不是一个重复的问题 - 并且它被标记为重复的问题肯定与我的问题无关，具体是关于在按钮点击时删除禁用的属性。请不要关闭我的问题，除非你确实找到了一个正确的副本（我差不多用了近两个小时的搜索）。

Answer 1

将布尔值更改为false而不是true。

  $('option:selected', this).attr('disabled', false);

在按钮上启用选择选项单击

1 个答案: