10
votes

Jquery - Sélectionnez Optgroup dans Sélectionner

J'ai un choix avec 2 optgroups. Existe-t-il un moyen d'appeler une fonction uniquement si une option à partir du premier optgroup est sélectionnée et appelez une autre fonction si une option du deuxième optgroup est sélectionnée?


0 commentaires

3 Réponses :


30
votes

sûr.

html: xxx

js: xxx

< href = "http://jsfiddle.net/pyg2v/"> http://jsfiddle.net/pyg2v/


1 commentaires

Incroyable. Le code a l'air si clair et facile mais j'ai tellement eu du mal sur celui-là. Merci!



1
votes
$('#selectID').change(function(){
  var $option = $('option:selected', this); // get selected option
  var optGroup = $option.closest('optgroup').index(); // get which optgroup
  if(optGroup == 0){
    // first
  }
  else if(optGroup == 1){
    // second
  }
  else{
    // not first or second
  }
});

0 commentaires

0
votes

Lorsque vous cliquez sur Option, vous obtenez le nom d'identifiant du groupe Option.

p>

"Faux">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name='queue' multiple> 
<optgroup label="Frist Queue" id="Frist Queue">
<option value="Person1">Person1</option>         
<option value="Person2">Person2</option>         
<option value="Person3">Person3</option>    
</optgroup>
<optgroup label="Second Queue" id="Second Queue">  
<option value="Person1">Person1</option>  
<option value="Person2">Person2</option> 
</optgroup>
</select>

<div id="demo"></div>


0 commentaires