Este artículo describe cómo JS puede operar la lista de selección y desplegable en operación simple. Compártelo para su referencia. El método de implementación específico es el siguiente:
1. Seleccione Controles del servidor Seleccionar y lista desplegable por JS
1. JS Operation Server Control Seleccione
Copie el código de la siguiente manera: <select id = "selectid" onchange = "return showMessage ()">
<opción valor = "0"> == Por favor seleccione == </opción>
<opción valor = "1"> sí </opción>
<opción valor = "2"> no </opción>
</select>
<script type = "text/javaScript" lenguaje = "javaScript">
función showMessage () {
if (document.getElementById ("selectId"). Opciones [document.getElementById ("selectId"). SelectedIndex] .Value == 1) {
alerta ("Hola, eligió el primero");
document.getElementById ("txtcontractName"). setAttribute ("enable", falso);
}
else if (document.getElementById ("selectId"). Opciones [document.getElementById ("selectId"). SelectedIndex] .Value == 2) {
alerta ("Hola, eligió el segundo");
}
}
</script>
// JS Operation Server Control DiscalwdownList
<ASP: DropDownList id = "ddlfolder" runat = "server" skinId = "ddlskin" autopostback = "false" onSelectedIndexchanged = "ddlfolder_selectedIndexChanged>>
<ASP: listItem value = "0"> Opción 0 </ASP: ListItem>
<ASP: listItem value = "1"> Opción 1 </ASP: ListItem>
</ASP: DropdownList>
<ASP: DropDownList id = "ddlfolder" runat = "server" skinId = "ddlskin" autopostback = "false" onSelectedIndexchanged = "ddlfolder_selectedIndexChanged>>
<ASP: listItem value = "0"> Opción 0 </ASP: ListItem>
<ASP: listItem value = "1"> Opción 1 </ASP: ListItem>
</ASP: DropdownList>
Código JS:
La copia del código es la siguiente: document.getElementById ("ddlfolder"). Value = "0"; // 0 es el valor del elemento que desea seleccionar
2. Seleccione un elemento de acuerdo con la configuración del valor del texto
La copia del código es la siguiente: var desplegableListCurrencyNew = document.getElementById ("ddlfolder");
para (i = 0; i <DropdownListCurrencyNew.options.length; i ++)
{
if (DropDownListCurrencyNew.options [i] .Text == "Opción 0")
{
DropDownListCurrencyNew.options [i] .selected = true;
}
}
2. JS lee el valor y el texto del elemento seleccionado de la lista desplegable
Valor:
La copia del código es la siguiente: var selvalue = document.getElementById ("DropdownList1"). Opciones [Document.getElementById ("DropDownList1"). SelectedIndex] .Value;
Texto:
La copia del código es la siguiente: var seltext = document.getElementById ("DropdownList1"). Opciones [Document.getElementById ("DropDownList1"). SelectedIndex] .Text;
Espero que este artículo sea útil para la programación JS y .NET de todos.