javascript - Select 2 onChange() 触发选择

Question

我正在使用select2用于在 API 调用时填充的选择框。当我从下拉列表中选择一个项目时，我想调用另一个 API，现在的工作方式如下:

<select id="person-select" onchange="callAnotherApi()" style="width: 100%">
</select>

只要我选择其他值，API 就会被调用，但当我选择第一个值时(默认情况下已选择该值，因此不会触发 onChange())，API 就会被调用。 onClick() 在这里不起作用。我想知道是否可以禁用选择第一条记录或其他方法来使其工作？

Answer 1

您可以禁用第一个选项并放置占位符文本:

 <select>
    <option val="null" disabled selected> select an answer</option>
    <option val="one">one</option>
</select>

检查这个 fiddle :http://jsfiddle.net/sL4fLnhn/

   $('select').on('change', function(){
      $('select option:disabled').remove();
  });
   $('select').select2();