บทความนี้อธิบายถึงวิธีที่ JS สามารถใช้งาน Select และ DropdownList ในการดำเนินการอย่างง่าย แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
1. เลือกการควบคุมเซิร์ฟเวอร์เลือกและ DropDownList โดย JS
1. การควบคุมเซิร์ฟเวอร์การดำเนินการ JS การเลือก
คัดลอกรหัสดังนี้: <เลือก id = "selectId" onChange = "return showMessage ()">
<ตัวเลือกค่า = "0"> == โปรดเลือก == </potion>
<ตัวเลือกค่า = "1"> ใช่ </potion>
<ตัวเลือกค่า = "2"> ไม่ </potion>
</เลือก>
<script type = "text/javascript" language = "JavaScript">
ฟังก์ชั่น ShowMessage () {
if (document.getElementById ("selectId") ตัวเลือก [document.getElementById ("selectId"). selectedIndex] .Value == 1) {
แจ้งเตือน ("สวัสดีคุณเลือกคนแรก");
document.getElementById ("txtContractName") SetAttribute ("เปิดใช้งาน", false);
-
อื่นถ้า (document.getElementById ("selectId") ตัวเลือก [document.getElementById ("selectId"). selectedIndex] .Value == 2) {
แจ้งเตือน ("สวัสดีคุณเลือกอันที่สอง");
-
-
</script>
// JS Operation Server Control DropdownList
<asp: dropdownList id = "ddlfolder" runat = "เซิร์ฟเวอร์" skinid = "ddlskin" autopostback = "false" onselectedIndExChanged = "ddlfolder_selectedIndExChanged">
<asp: listItem value = "0"> ตัวเลือก 0 </asp: listItem>
<ASP: listItem value = "1"> ตัวเลือก 1 </asp: listItem>
</ASP: DropDownList>
<asp: dropdownList id = "ddlfolder" runat = "เซิร์ฟเวอร์" skinid = "ddlskin" autopostback = "false" onselectedIndExChanged = "ddlfolder_selectedIndExChanged">
<asp: listItem value = "0"> ตัวเลือก 0 </asp: listItem>
<ASP: listItem value = "1"> ตัวเลือก 1 </asp: listItem>
</ASP: DropDownList>
รหัส JS:
การคัดลอกรหัสมีดังนี้: document.getElementById ("ddlfolder"). value = "0"; // 0 คือค่าของรายการที่คุณต้องการเลือก
2. เลือกรายการตามการตั้งค่าค่าข้อความ
การคัดลอกรหัสมีดังนี้: var dropdownListCurrencyNew = document.getElementById ("ddlfolder");
สำหรับ (i = 0; i <dropdownlistcurrencyNew.options.length; i ++)
-
if (dropDownListCurrencyNew.options [i] .text == "ตัวเลือก 0")
-
DropdownListCurrencyNew.Options [i]. selected = true;
-
-
2. JS อ่านค่าและข้อความของรายการที่เลือกของ DropdownList
ค่า:
การคัดลอกรหัสมีดังนี้: var selValue = document.getElementById ("DropDownList1") ตัวเลือก [document.getElementById ("DropDownList1") SelectedIndex] .Value;
ข้อความ:
การคัดลอกรหัสมีดังนี้: var seltext = document.getElementById ("DropDownList1") ตัวเลือก [document.getElementById ("DropDownList1"). SelectedIndex] .Text;
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JS และ. NET ของทุกคน