Je suis coincé dans l'une des fonctionnalités uniques en utilisant la boîte de sélection. Html est comme:
<select name="hello" id="hello" >
<option selected="selected" value="Please Select">Please Select</option>
<option data-att="one">abc</option>
<option data-att="one">sd</option>
<option data-att="one">wer</option>
<option data-att="two">uio</option>
<option data-att="two">abc</option>
<option data-att="two">sd</option>
<option data-att="three">wer</option>
<option data-att="three">tyu</option>
</select>
Maintenant, je veux créer un tableau de ces valeurs data-att à partir de cette boîte de sélection sans sélectionné, COMME:
var arr = new Array(); arr=['one','two','three'];
Il fonctionnera à l'état de chargement de la fenêtre qu'il utilisera pour une autre valeur dynamique de liste déroulante après le chargement de la fenêtre. Mais je veux une valeur data-att une fois qui du même attribut.
var arr=[];
$('#hello option').each(function(){
if($.inArray($(this).attr('data-att'), arr) == -1) { //check if id value not exits than add it
arr.push($(this).attr('data-att'))
}
})
console.log(arr)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="hello" id="hello">
<option selected="selected" value="Please Select">Please Select</option>
<option data-att="one">abc</option>
<option data-att="one">sd</option>
<option data-att="one">wer</option>
<option data-att="two">uio</option>
<option data-att="two">abc</option>
<option data-att="two">sd</option>
<option data-att="three">wer</option>
<option data-att="three">tyu</option>
</select>
Utilisez $.inArray()
pour vérifier si la valeur existe dans le tableau sinon ajouter sur arr
te donnera [undefined, "one", "two", "three"]
var arr = [];
$('#hello option').each(function() {
if ($(this).attr('data-att')) {
if ($.inArray($(this).attr('data-att'), arr) == -1) { //check if id value not exits than add it
arr.push($(this).attr('data-att'))
}
}
})
console.log(arr)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="hello" id="hello">
<option selected="selected" value="Please Select">Please Select</option>
<option data-att="one">abc</option>
<option data-att="one">sd</option>
<option data-att="one">wer</option>
<option data-att="two">uio</option>
<option data-att="two">abc</option>
<option data-att="two">sd</option>
<option data-att="three">wer</option>
<option data-att="three">tyu</option>
</select>
Vous pouvez ajouter une instruction If supplémentaire pour vous assurer que seule l'option avec attr data-att
sera comptée
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots