选择的 jQuery 不完美

Question

我正在使用带有选择框的选定 jQuery。它正在工作，但它显示两个下拉列表而不是一个。我只需要一个具有搜索选项的下拉菜单，不需要旧的下拉菜单。

我的代码是

$(".chosen-select").chosen({
  no_results_text: "Oops, nothing found!"
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.2/chosen.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.2/chosen.jquery.min.js"></script>
<select class="chosen-select">
  <option value="1">Testing1</option>
  <option value="2">Testing2</option>
  <option value="3">Testing3</option>
  <option value="4">Testing4</option>
</select>

但是我得到了两个下拉菜单，一个是默认的，另一个是选择的功能。我不需要默认下拉菜单来显示它应该通过应用所选的 JavaScript 来隐藏。

谢谢

Answer 1

或许可以使用jquery的onchange函数

<script>
    $(document).ready(function(){
        $('.chosen-select').on('change', function() {
          alert("Oops, nothing found!");
        })
    });
</script>