Cet article décrit comment JS peut fonctionner Select et DropdownList en fonctionnement simple. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
1. Sélectionnez les commandes du serveur Sélectionnez et Dropdownlist par JS
1. JS Operation Server Control Sélectionner
Copiez le code comme suit: <select id = "selectId" onchange = "return showMessage ()">
<Option Value = "0"> == Veuillez sélectionner == </ Option>
<Option Value = "1"> Oui </ Option>
<Option Value = "2"> Non </ Option>
</lect>
<script type = "text / javascript" linguistique = "javascript">
fonction showMessage () {
if (document.getElementById ("SelectId"). Options [document.getElementById ("SelectId"). SelectedIndex] .Value == 1) {
alert ("Bonjour, vous avez choisi le premier");
document.getElementById ("txtContractName"). SetAttribute ("Activer", false);
}
else if (document.getElementById ("SelectId"). Options [document.getElementById ("SelectId"). SelectedIndex] .Value == 2) {
alert ("Bonjour, vous avez choisi le second");
}
}
</cript>
// JS Operation Server Control Dropdownlistlist
<asp: dropdownlist id = "ddlfolder" runat = "server" skinID = "ddlskin" autoPostback = "false" onselectedExchanged = "ddlfolder_selectedIndexchanged">
<asp: listItem value = "0"> Option 0 </ asp: listItem>
<asp: listItem value = "1"> Option 1 </ asp: listItem>
</ asp: dropdownlist>
<asp: dropdownlist id = "ddlfolder" runat = "server" skinID = "ddlskin" autoPostback = "false" onselectedExchanged = "ddlfolder_selectedIndexchanged">
<asp: listItem value = "0"> Option 0 </ asp: listItem>
<asp: listItem value = "1"> Option 1 </ asp: listItem>
</ asp: dropdownlist>
Code js:
La copie de code est la suivante: document.getElementById ("ddlfolder"). Valeur = "0"; // 0 est la valeur de l'élément que vous souhaitez sélectionner
2. Sélectionnez un élément en fonction du paramètre de valeur du texte
La copie de code est la suivante: var dropdownlistCurrencyNew = document.getElementById ("ddlfolder");
for (i = 0; i <dropdownlistCurrencyNew.options.length; i ++)
{
if (dropdownListCurrencyNew.options [i] .text == "Option 0")
{
DropdownListCurrencyNew.options [i] .selected = true;
}
}
2. JS Lire la valeur et le texte de l'élément de liste déroulante sélectionnée
Valeur:
La copie de code est la suivante: var selvalue = document.getElementById ("DropDownList1"). Options [document.getElementById ("DropdownList1"). SelectedIndex] .Value;
Texte:
La copie de code est la suivante: var seltext = document.getElementById ("DropDownList1"). Options [document.getElementById ("DropDownList1"). SelectedIndex] .Text;
J'espère que cet article sera utile à la programmation JS et .NET de tous.