選擇的jQuery不能正常工作

我在選擇框中使用了選定的jQuery。它正在工作，但它顯示了兩個下拉菜單而不是一個下拉菜單。我只需要一個下拉菜單，它有搜索選項，不需要舊的下拉菜單。選擇的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來隱藏。

謝謝

來源

2017-09-29 Rajan Singh

我已經創建了一個片段，您可以重現該問題 – Satpal

@Rajan辛格可能頁面上的其他功能破壞你的代碼。提供的代碼看起來沒問題。 –

thanx @sangram parmar，我正在檢查其他東西 –

有可能使用的onchange功能的jQuery

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

來源

2017-09-29 10:23:38 omkara

但我需要頁面加載時下拉。並刪除已選擇功能的下拉菜單 –

選擇的jQuery不能正常工作

回答

相關問題