Hinzufügen "ausgewählt" - Attribut mit dem Wert der option

Ich habe eine select-box mit 10 Optionen. Jedes mal, wenn Sie eine option auswählen, setzt es in "localstorage" der Wert, den Sie ausgewählt mit der id "select1".

Beispiel: Wenn Sie die erste option wählen, bekommen Sie im "localstorage": Key: E-Mail-Programm - Wert: Option1.

Nun, Iom versucht, den Wert des "localstorage", die das ausgewählte Attribut in der select-form.

Dies ist, was ich versucht aber scheint nicht zu funktionieren:

if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox').val("Option1").attr("selected");
}

Was ich ich falsch mache?

EDIT:

Dies ist mein code:

<select id="selectbox" >
                        <option>Default</option>
                        <option>Option 1</option>
                        <option>Option 3</option>
                        <option>Option 3</option>
                        <option>Option 4</option>
                        <option>Option 5</option>
                        <option>Option 6</option>
        </select>

Dank

InformationsquelleAutor jQuerybeast | 2011-09-19

Dies funktioniert:

var optionValue  = localStorage.getItem("Select1")
$("#selectbox").val(optionValue)
.find("option[value=" + optionValue +"]").attr('selected', true);

Freund, Sie mir (y).
Seine Arbeit an mein Ende. Vielen Dank

InformationsquelleAutor jQuerybeast

1

Ich glaube, Sie könnten für so etwas suchen. http://jsfiddle.net/tnPU8/3/

Ist es eine Schleife durch die Optionen des select-Feld und vergleicht deren Werte mit den Werten der b. Wenn Sie gleich sind, wird die index der select-box so geändert, dass die option, die den Wert enthält, der b angezeigt.
```
var b; //set equal to what you want to compare
$('#selectbox').find('option').each(function(i,e){
    console.log($(e).val());
    if($(e).val() == b){
        $('#selectbox').prop('selectedIndex',i);
    }
});
```
Edit: Mit localStorage http://jsfiddle.net/tnPU8/7/
- Es funktioniert nicht, Wenn im Versuch zum abrufen von der "localstorage". Hier ist ein Beispiel: jsfiddle.net/uY7ck
- Sicher, es tut, aktualisiert sich meine Antwort.
- Ich danke Ihnen, sir. Ich habe meinen Weg gefunden, besser zu arbeiten, da weniger code. Ihren Weg, ich muss die If-Anweisung, wie viele Optionen ich habe. Mein Weg, ist nur 3 Zeilen code. Vielen Dank aber
InformationsquelleAutor Jack
0

Auf der weiteren rezension, es sieht aus, als wollten Sie etwas mehr voll Funktion link
```
search = "Option 5";
$('#selectbox option:contains('+search+')').prop('selected',true);
```
- Es ist nicht logisch zu arbeiten, und es funktioniert nicht. Sie sind die Einstellung der selectbox option ausgewählt, was?
- Aktualisiert mit dem code, den ich verwende
- Sie nicht sogar brauchen, zu navigieren, um die ausgewählte option. einfach anrufen .val() auf der wählen Sie für das gleiche Ergebnis.
- Vorausgesetzt ich habe das richtig verstanden: link
- Mit Ihrem code: link
- seine ursprüngliche Frage war die bitte für den Wert der ausgewählten option, nicht den Inhalt der ausgewählten option, sonst bist du völlig richtig.
- Bitte überprüfen Sie die fiddle: jsfiddle.net/uY7ck
- Ihre jsfiddle nicht zu Ihrem gewünschten Ergebnis, denn Sie bezieht sich auf das falsche Feld auswählen 0.0
InformationsquelleAutor Korvin Szanto
0

Dies ist alles, was Sie benötigen sollten:
```
$("#selectbox").val(localStorage.getItem("selectbox"));
```
Ich habe aktualisiert eine frühere Turnschuh für ein Beispiel:
http://jsfiddle.net/uY7ck/1/

BEARBEITEN:
In dem code, den Sie ursprünglich gepostet, vorausgesetzt, Sie setzen localStorage mit der gleichen select-box, Sie würde den Vergleich "Option1" (kein Leerzeichen), mit der "Option 1" (space). Der Vergleich wird nie funktionieren, so würde bei dieser option nie ausgewählt werden.
- Edit: Wahr. Ich fand das ein problem sein, aber wie auch immer, alle meine Optionen keine Leerzeichen. Ich fand meine Art zu arbeiten viel besser, seitdem ich nicht brauchen, um geben Sie die If-Anweisung so oft wie meine Optionen, anstatt nur die 3 Zeilen code. Vielen Dank aber
InformationsquelleAutor bstakes
0

Versuchen Sie dies:
```
if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox option:contains(Option1)').prop('selected',true); //jquery 1.6+
}
```
wenn Sie eine version von jQuery, die älter als 1.6, ersetzen .prop mit .attr

Edit: mehr dynamische version
```
if (localStorage.getItem("Select1")) {
  $('#selectbox option:contains(' + localStorage.getItem("Select1") + ')').prop('selected',true);
}
```
- Da ist es und es funktioniert nicht. jsfiddle.net/uY7ck
- es funktioniert für mich, jsfiddle.net/uY7ck/2 überprüfen Sie Ihre id. Sie waren selecing eine select mit einer id der E-Mail-Programm, auch wenn nur wählen Sie auf der fiddle hatte eine id der selectbox
- aktualisiert fiddle jsfiddle.net/uY7ck/3
InformationsquelleAutor Kevin B

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.