选择jQuery不能完美

时间:2017-09-29 10:05:59

标签: javascript jquery html select jquery-chosen

我正在使用选择框选择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隐藏。

谢谢

1 个答案:

答案 0 :(得分:0)

可以使用onchange函数jquery

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