10
votes

Comment supprimer un élément sélectionné d'une liste déroulante (en utilisant jQuery)

Comment supprimer un ou plusieurs éléments sélectionnés dans la balise d'option, à partir d'une liste déroulante HTML (à l'aide de jQuery).

Pour supprimer des options entières dans une liste déroulante, nous pouvons utiliser la déclaration ci-dessous. P>

$ ("# cmBtataxids> option"). Retirez (); p>

Assumant le code HTML ci-dessous dans le fichier ASPX. p>

            <select id="cmbTaxID" name="cmbTaxID" style="width: 136px; display: none" tabindex="10" disabled="disabled">
                <option value="0"></option>
                <option value="3"></option>
                <option value="1"></option>
            </select>


0 commentaires

5 Réponses :


17
votes

Utilisez le EQ code> sélecteur.

var index = $('#cmbTaxID').get(0).selectedIndex;
$('#cmbTaxID option:eq(' + index + ')').remove();


0 commentaires

1
votes
$("#cmbTaxIds >option[value='3']").remove();
Just replace 3 with the value of the element you want to remove.

0 commentaires

1
votes

Une réponse plus générique pour supprimer l'option sélectionnée pourrait être

$('#somebutton').click(function(){
    var optionval = $('#cmbTaxIds').val();
    $('#cmbTaxIds > option[value=' + optionval + ']').remove();

})


0 commentaires

7
votes

quelque chose comme ceci: xxx

ou même plus court: xxx


1 commentaires

Cela me semble le plus élégant pour moi. Le sélecteur trouvera toutes les options sélectionnées. Les autres solutions impliquent le passage d'un indice.



14
votes

Pour supprimer l'élément sélectionné:

$("#cmbTaxID :selected").remove();


3 commentaires

Je n'ai pas utilisé option et cela a fonctionné pour moi. Est-ce que je manque quelque chose si j'utilise - $ ("# cmBTAxid: sélectionné"). Supprimer (); ?


Ça va marcher. Il recherchera un élément avec l'attribut sélectionné à l'intérieur du