jQuery Optionen aus Auswahl entfernen

Lesezeit: 2 Minuten

jQuery Optionen aus Auswahl entfernen
Benutzer135498

Ich habe eine Seite mit 5 Auswahlen, die alle den Klassennamen ‘ct’ haben. Ich muss die Option mit dem Wert ‘X’ aus jeder Auswahl entfernen, während ich ein onclick-Ereignis ausführe. Mein Code ist:

$(".ct").each(function() {
    $(this).find('X').remove();
   });

Wo liege ich falsch?

  • Das funktioniert gut: $('select').children('option[value="X"]').remove();

    7. August ’19 bei 0:22


Versuche dies:

$(".ct option[value="X"]").each(function() {
    $(this).remove();
});

Oder um es knapper zu machen, das funktioniert genauso gut:

$(".ct option[value="X"]").remove();

  • Das hat bei mir funktioniert. Danke. Wie lautet die Sytax, um dies auf .ct mit einem ausgewählten Wert = ” zu beschränken?

    – Benutzer135498

    5. Okt. 09 um 4:12 Uhr

  • Dies ist am einfachsten, wenn Sie den Wert nicht kennen müssen. Entfernen Sie zum Beispiel die erste Option $(“#affiliate”)[0][0].Löschen();

    – Dame

    6. März ’14 um 20:13

$('.ct option').each(function() {
    if ( $(this).val() == 'X' ) {
        $(this).remove();
    }
});

Oder nur

$('.ct option[value="X"]').remove();

Hauptsache ist das find nimmt einen Selektorstring, indem er ihn füttert x Sie suchen nach Elementen mit dem Namen x.

  • +1 Ich mag diese Antwort Ich denke, es ist besser, weil ich ‘X’ wie oder einen Teil davon testen kann value Pro <select> Element

    – Shareef

    15. August ’13 um 9:10

  • Ich habe diese Antwort verwendet, da ich alle Optionen außer val = 0 entfernen musste. Ich habe ! = 0 verwendet und wie Charme gearbeitet 🙂

    – Lakshman Pilaka

    19. November ’15 um 6:51

1641980310 806 jQuery Optionen aus Auswahl entfernen
TM.

find() nimmt einen Selektor an, keinen Wert. Dies bedeutet, dass Sie es auf die gleiche Weise verwenden müssen, wie Sie die normale jQuery-Funktion verwenden würden ($('selector')).

Daher müssen Sie so etwas tun:

$(this).find('[value="X"]').remove();

Siehe die jQuery finden docs.

  • viel besser, wenn Sie eine Variable an den Anhang übergeben

    – Neurothustra

    21. Mai ’17 um 22:26

jQuery Optionen aus Auswahl entfernen
Ashu

Es funktioniert entweder mit Options-Tags oder Textfeldern:

$("#idname option[value="option1"]").remove();

1641980310 219 jQuery Optionen aus Auswahl entfernen
Deepa

Wenn für die Optionswerte keine ID oder Klasse verfügbar war, können Sie alle Werte wie folgt aus der Dropdown-Liste entfernen

$(this).find('select').find('option[value]').remove();

1641980310 338 jQuery Optionen aus Auswahl entfernen
Md. Shafiqur Rahman

Wenn sich Ihr Dropdown in einer Tabelle befindet und Sie keine ID dafür haben, können Sie die folgende jquery verwenden:

var select_object = purchasing_table.rows[row_index].cells[cell_index].childNodes[1];
$(select_object).find('option[value="+site_name+"]').remove();

1641980310 868 jQuery Optionen aus Auswahl entfernen
jajhonrod

Für jquery < 1.8 können Sie verwenden:

$('#selectedId option').slice(index1,index2).remove()

um einen bestimmten Bereich der Auswahloptionen zu entfernen.

.

436560cookie-checkjQuery Optionen aus Auswahl entfernen

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy