Tengo un campo select
con algunas opciones en él. Ahora necesito seleccionar una de esas opciones
con jQuery. Pero, ¿cómo puedo hacer eso cuando sólo conozco el valor
de la opción
que debe ser seleccionada?
Tengo el siguiente HTML:
<div class="id_100">
<select>
<option value="val1">Val 1</option>
<option value="val2">Val 2</option>
<option value="val3">Val 3</option>
</select>
</div>
Necesito seleccionar la opción con valor val2
. ¿Cómo se puede hacer esto?
Aquí'hay una página de demostración:
Puedes seleccionar cualquier atributo y su valor utilizando el selector de atributos [attributename=optionalvalue]
, así que en tu caso puedes seleccionar la opción y establecer el atributo seleccionado.
$("div.id_100 > select > option[value=" + value + "]").prop("selected",true);
Donde value
es el valor que desea seleccionar.
Si necesita eliminar cualquier valor seleccionado anteriormente, como sería el caso si esto se utiliza varias veces, tendrá que cambiarlo ligeramente para eliminar primero el atributo seleccionado
$("div.id_100 option:selected").prop("selected",false);
$("div.id_100 option[value=" + value + "]")
.prop("selected",true);