Tengo un menú desplegable:elegir mediante programación elemento de menú desplegable de selección
<select>
<option value="1">1</option>
<option value="2">2</option>
</select>
¿Cómo voy a seleccionar el artículo 2 mediante programación?
En primer lugar conseguir una manija en ese selecto de alguna manera:
var select = document.getElementsByTagName("SELECT")[0];
Entonces manipular la propiedad selectedIndex (creo que es un índice basado en cero):
select.selectedIndex = 1;
¿O desea seleccionar por valor? Esa es una respuesta diferente. – jpsimons
¿Cómo es la compatibilidad del navegador con 'selectedIndex'? No se pudo encontrar ninguna referencia decente para eso ... –
<select>
<option value="1">1</option>
<option value="2" selected>2</option>
</select>
edición jQuery ..
$('#your_select').val('2');
Si es tal rey acerca de la pre-selección de un elemento, basta con poner el artículo como "seleccionado" de la siguiente manera:
<select>
<option value="1">1</option>
<option value="2" selected="selected">2</option>
</select>
Seguramente solo la presencia de 'selected' es suficiente, ¿es un atributo booleano? Por lo que puedo recordar, no requiere un valor. –
@David Thomas: si usa XHTML strict, debe decir selected = "selected". [Ver aquí] (http://www.w3schools.com/Xhtml/xhtml_syntax.asp), entre muchos otros. – DOK
Ah, gracias @DOK :) –
Si está utilizando la versión HTML:
<option selected value="2">2</option>
Si usted es capaz de usar jQuery, utilizar el val() método:
<select id="foo"> //give it an id
$("#foo").val("2");
la solución más sencilla es la siguiente:
<select>
<option value="1">1</option>
<option selected value="2">2</option>
</select>
¿Está hablando de preseleccionar el elemento en la carga de página o seleccionar un elemento de formulario en un sitio web remoto o? –
Necesitará scripting/programación lateral del cliente o del servidor. ¿Cual preferirías? –
Wow muchas formas diferentes de hacerlo. Gracias por todas las respuestas. – CrazyCoder