이 기사의 예에서는 선택 및 드롭다운 목록을 작동하는 간단한 JS 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 1. js 선택 서버 제어 선택 및 드롭다운 목록 1.js 운영 서버 제어 선택 코드 복사 코드는 다음과 같습니다. <옵션 값="0">==선택하세요== <옵션 값="1">예 <옵션 값="2">아니요 <br> 함수 showMessage() {<br> If (document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value == 1) {<br> Alert("안녕하세요. 첫 번째 항목을 선택하셨습니다.");<br> Document.getElementById("txtContractName").setAttribute("enable",false);<br> }<br> else if (document.getElementById("selectID").options[document.getElementById("selectID").selectedIndex].value == 2) {<br> Alert("안녕하세요. 두 번째 항목을 선택하셨습니다.");<br> }<br> }<br> </p> <p>//js 운영 서버 제어 드롭다운 목록<br> <asp:DropDownList ID="ddlFolder" runat="server" SkinID="ddlSkin" AutoPostBack="false" OnSelectedIndexChanged="ddlFolder_SelectedIndexChanged"> ~ <asp:ListItem Value="1">옵션 1</asp:ListItem> </asp:DropDownList> <asp:DropDownList ID="ddlFolder" runat="server" SkinID="ddlSkin" AutoPostBack="false" OnSelectedIndexChanged="ddlFolder_SelectedIndexChanged"> <asp:ListItem Value="0">옵션 0</asp:ListItem><br> <asp:ListItem Value="1">옵션 1</asp:ListItem> </asp:DropDownList><br><br> JS 코드: <br> <br><br><br></p> </div>코드 복사<br><br><div class="codetitle"> 코드는 다음과 같습니다.<span><a style="CURSOR: pointer" data="90164" class="copybut" id="copybut90164" onclick="doCopy('code90164')">document.getElementById("ddlFolder").value="0"; //0 선택하려는 항목의 값 <u></u> </a>2. 텍스트 값 설정에 따라 항목을 선택합니다</span> </div> <div class="codebody" id="code90164"></div>코드 복사<p><br></p> <div class="codetitle"> 코드는 다음과 같습니다.<span><a style="CURSOR: pointer" data="68138" class="copybut" id="copybut68138" onclick="doCopy('code68138')">var DropDownListCurrencyNew = document.getElementById("ddlFolder");<u> for(i = 0; i < DropDownListCurrencyNew.options.length; i )</u> {</a> If(DropDownListCurrencyNew.options[i].text == "옵션 0") </span> {</div> DropDownListCurrencyNew.options[i].selected = true; }<div class="codebody" id="code68138"> }<br><br> <br><br>2. js는 DropDownList에서 선택한 항목의 값과 텍스트를 읽습니다<br><br> <br>값: </div> <p><strong></strong>코드 복사</p> <p><br> 코드는 다음과 같습니다.</p> <div class="codetitle"><span>var selValue = document.getElementById("DropDownList1").options[document .getElementById("DropDownList1").selectedIndex].value;<a style="CURSOR: pointer" data="7659" class="copybut" id="copybut7659" onclick="doCopy('code7659')"><u> </u>텍스트：</a> </span></div> <div class="codebody" id="code7659"></div>코드 복사<p><br> 코드는 다음과 같습니다.</p> <div class="codetitle"><span>var selText = document.getElementById("DropDownList1").options[document .getElementById("DropDownList1").selectedIndex].text;<a style="CURSOR: pointer" data="89096" class="copybut" id="copybut89096" onclick="doCopy('code89096')"><u> </u>이 기사가 모든 사람의 js 및 .net 프로그래밍 설계에 도움이 되기를 바랍니다. </a></span></div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
