Wie wählen Sie ein Element in eine select-box?

Ich habe eine einfache Frage für heute. Ich habe eine select-box ermöglicht dem Benutzer, um mehrere Elemente auszuwählen. Auch, wenn der Benutzer zurück zu der Seite, die er sehen kann, welche Artikel er ausgewählt und deaktivieren Sie Sie, wenn nötig. Das Problem ist, dass wenn ich versuche zu deaktivieren, wird die Selektion nur Grau, es NICHT deaktivieren.

<select name="MySelect" multiple>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected="selected">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

So, wenn das element oben rendert die Seite, ich habe keine Möglichkeit, deaktivieren Sie die option. Der Wert ist NOCH immer an die form übergeben.

Hilfe?

  • Ist mit Hilfe von jQuery eine option für dich?
  • Ja, aber Nein. Ich glaube nicht, jQuery verwenden möchten hier auf dieser Seite.
  • nicht sicher, was das Problem ist, aber sollte nicht dein select multiple="multiple"? Dies kann oder kann nicht einen Beitrag zu dem Thema, gerade beigebracht-id markieren Sie es. haben Sie ein Beispiel, wo wir das problem sehen?
InformationsquelleAutor Evik James | 2011-07-29
  1. 35

    Können Sie deaktivieren Sie Optionen, die in einem multi-value Liste auswählen, indem Sie Strg-klicken.

    • Ich fühle mich dumm nach der Lektüre dieses ... Danke. Btw, für alle, die sich für Sie zu. Sie können entfernen prop selected mit jQuery (wenn Sie benötigen, um eine externe Aktion)
    • ⌘-Klick funktioniert auch.
    • Strg + ⌘-Klicken Sie auf Windows in eine Mac VM 😉
    • Kann some1 bieten die programmgesteuerte Lösung plz
    • Sicher. Sie werden feststellen, dass diese Frage hat gewesen gefragt und beantwortet hier.
    • funktioniert nicht in chrome auf linux

    InformationsquelleAutor Joseph Marikle
  2. 2

    Können Sie JS-Objekt auswendig zu lernen, den status einer Zeile und klicken Sie auf Aktion auswählen (JQuery).

    $('#yourselect').click( function(e){        
        var i = this.selectedIndex;
        if(this.options[i].selectedOld==true){
            this.options[i].selected = false;
            this.options[i].selectedOld = false;
        }
        else{
            this.options[i].selectedOld = true;
        }
    });
    • Manchmal brauchen wir eine single-select-Feld, um zu verhindern, dass mehrere Auswahlen, aber wir müssen auch deaktivieren Sie die option. Diese Lösung unterstützt diesen workflow.
    InformationsquelleAutor Alessandro Battistini
Schreibe einen Kommentar