Obtenir la valeur de sélection MultiChosen sur le formulaire de soumission en utilisant JQUERY

Question

J'utilise Chosen Jquery Plugin pour remplir mes boîtes de sélection.

J'essaie de soumettre le formulaire en utilisant jquery et je dois vérifier la boîte de sélection si elle a de la valeur ou non.

HTML

<form class="addData" action="getData.php" method="post"> 
    <div class="form-group"> 
     <select data-placeholder="Choose a manager.." name="user[]" class="form-control chosen-select" id="user" multiple> 
     <option value="7">User1</option> 
     <option value="8">User2</option> 
     <option value="9">User3</option> 
     <option value="10">User4</option> 
     <option value="11">User5</option> 
     <option value="12">User6</option> 
     <option value="13">User7</option> 
     </select> 
    </div> 
</form> 

JQUERY CODE

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#user').chosen({ 
      width:'100%' ; 
     }); 
     $('.addData').submit(function(){ 
      var select_val = $('#user').val(); 
      // var select_val = $('#user').chosen().val(); 
      if(select_val == "") { 
       alert("No data select"); 
      } else { 
       alert("Form is ready to submit"); 
      } 
      return false; 
     }); 
    }); 
</script> 

Si je ne l'ai pas choisi une valeur console.log(select_val) retour null et Si j'ai choisi une valeur console.log(select_val) retour Array [ "8", "9" ] Mais quand je validez et vérifiez comme

if(select_val == "" || select_val == NULL) il me donne l'erreur ReferenceError: NULL n'est pas défini

if(select_val.length == 0) il me donne l'erreur TypeError: select_val est nul

S'il vous plaît Aidez-moi comment valider cette variable

Answer 1

Essayez la ci-dessous:

var selected_val = new Array; 
$('#user option:selected').each(function(i, selected){ 
    selected_val[i] = $(selected).val(); 
}); 

Puis

if(selected_val.length > 0){ 
    alert("Form is ready to submit"); 
} 
else{ 
    alert("No data select"); 
}