Comment obtenir des valeurs sélectionnées dans SumoSelect déroulante?
Je suis en utilisant le SumoSelect déroulante pour sélectionner plusieurs options. Mais je ne peux pas obtenir les valeurs sélectionnées tableau.
Ci-dessous un exemple de code :
<script type="text/javascript">
$(document).ready(function () {
window.testSelAll = $('.testSelAll').SumoSelect({okCancelInMulti:true, selectAll:true });
$('.btnOk').on('click', function(){
var obj = [];
$('option:selected').each(function () {
obj.push($(this).index());
alert("Selected Values=="+$(this).val());
});
for (var i = 0; i < obj.length; i++) {
$('.testSelAll')[0].sumo.unSelectItem(obj[i]);
}
});
});
</script>
<select multiple="multiple" placeholder="Share Your Friends" onchange="console.log($(this).children(':selected').length)" class="testSelAll">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="audi">Audi</option>
<option value="bmw">BMW</option>
<option value="porsche">Porche</option>
<option value="ferrari">Ferrari</option>
<option value="mitsubishi">Mitsubishi</option>
</select>
Vous devez vous connecter pour publier un commentaire.
Si vous voulez sélectionnés valeurs au lieu de la texte, il suffit de changer
.text()
à.val()
.Si vous voulez obtenir le tableau, voir ci-dessous avec un exemple de travail en bas.
jQuery
HTML
Travail JSFIDDLE
Vous pouvez les obtenir à partir de sous-jacents caché sélectionner l'élément.
à l'aide de jquery par exemple.
Je pense que la façon la plus propre de le faire. Est de profiter de html5 sélectionner l'élément sous-jacent SumoSelect.
HTML
Javascript
Cette ligne sera de retour une liste de chaînes de valeurs sélectionnées.