JQuery choisi ne fonctionne pas parfaitement

Question

J'utilise jQuery choisi avec la boîte de sélection. Il fonctionne mais il affiche deux dropdown au lieu d'un. J'ai juste besoin d'une seule liste déroulante qui a l'option de recherche et pas besoin de vieille liste déroulante.

mon code est

$(".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>

mais je reçois deux un menu déroulant est par défaut et une autre avec la fonctionnalité choisie. Je n'ai pas besoin d'une liste déroulante par défaut pour l'afficher, elle doit masquer en appliquant le code JavaScript choisi.

Merci Vous

Answer 1

Il peut être utilisé possible fonction onchange jquery

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