Agregue el atributo "seleccionado" con el valor de la opción

Question

Tengo un cuadro de selección con 10 opciones. Cada vez que selecciona una opción, establece en la ubicación local el valor que seleccionó con id "select1".

Por ejemplo: si selecciona la primera opción que obtiene en el almacén local: Clave: cliente de correo electrónico - Valor: opción1.

Ahora, Iom intenta hacer que el valor del almacenamiento local, el atributo seleccionado en el formulario de selección.

Esto es lo que he intentado, pero no parece funcionar:

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

Lo que estoy haciendo mal?

EDIT:

Este es mi código:

<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> 

Gracias

Answer 1

Esto funciona:

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

Answer 2

En un examen más, parece como si querías algo característica más plenamente link

search = "Option 5"; 
$('#selectbox option:contains('+search+')').prop('selected',true); 

Answer 3

Try esto:

if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox option:contains(Option1)').prop('selected',true); // jquery 1.6+ 
} 

si está utilizando una versión de jQuery mayor que 1.6, reemplace con .prop.attr

Editar: la versión más dinámica

if (localStorage.getItem("Select1")) { 
    $('#selectbox option:contains(' + localStorage.getItem("Select1") + ')').prop('selected',true); 
} 

Answer 4

Creo que podría estar buscando algo como esto. http://jsfiddle.net/tnPU8/3/

Pasa por las opciones del cuadro de selección y compara sus valores con los valores de b. Si son iguales, se cambia el índice del cuadro de selección para que se muestre la opción que contiene el valor b.

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); 
    } 
}); 

Editar: Usando localStoragehttp://jsfiddle.net/tnPU8/7/

Answer 5

Esto es todo lo que necesitará:

$("#selectbox").val(localStorage.getItem("selectbox")); 

He actualizado un violín anterior para un ejemplo: http://jsfiddle.net/uY7ck/1/

EDIT: En el código que publicó originalmente, suponiendo que está configurando localStorage con t En la misma casilla de selección, estaría comparando "Opción 1" (sin espacio) con "Opción 1" (espacio). Esa comparación nunca funcionará, por lo que la opción nunca se seleccionará.