选择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>

检查这个小提琴：http://jsfiddle.net/sL4fLnhn/

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