<div class="codetitle"> <span><a style="CURSOR: pointer" data="1466" class="copybut" id="copybut1466" onclick="doCopy('code1466')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code1466"> <br>//========== 테스트 코드= ============= <br><head runat="server"> <br><title>드롭다운 상자 테스트</title> ;script type= "text/javascript" src="/js/jquery/jquery-1.3.js"></script> <br><script type="text/javascript"> function(){ <br>var $city= $("#ddlCity"); <br>//일부 데이터 입력<br>for(var i=1;i<=10;i ){ <BR>$ city.append($ ("<option/>").attr("value",i).text("선택할 수 있는 도시 번호:" i)) <br>} <br>//$ city.width("100px ");//IE6.0에서는 드롭다운 상자의 너비를 직접 조정해야 합니다. <br>var t=6>//setTimeout("$("#ddlCity ").val(" t ");",1 ); //IE6에서는 해결 방법 1, IE 및 Firefox 값에 많은 문제가 있습니다. <br>try{$city.val(6);}catch(e ){} //IE6의 솔루션 2, 선택에 하나 이상의 정적 옵션이 있고 IE 값에 문제가 있습니다<br>//$city.val(6);//ie6에서 오류 보고, fireFox, IE8.0 정상입니다<br>alert($city.val()); <br>$("# ddlProvince").val(101);//모두 정상입니다<br>}); 🎜></head> <br><body> <br><form id= "form1" runat="server"> <br><select id="ddlProvince" name="ddlProvince"> <br><option value="0">선택하세요</option> <br><option value="1">Beijing</option> 충칭</option> <br><option value="101">광둥</option> <br></select><br><select id="ddlCity" name="ddlCity"> <br><option value="0">선택하세요</option> <br></select><br><!-- <option value="0">선택하세요</option> ; ddlCity--> <br>< asp:Button ID="butSave" runat="server" onclick="butSave_Click" Text="Button" /> 🎜></body> <br>//=== =======테스트 코드 종료================== <br><br> <br>테스트 설명: <br>A: 정적 선택 항목<br>정적 선택 항목(서버 측 스크립트를 통해 채울 수 있음)은 $("#drop-down box id").val을 사용하여 직접 설정할 수 있습니다( <br>설정 후 $("# drop-down box id" ).val();을 사용하면 해당 값을 올바르게 얻을 수 있습니다. <br><br>B: 정적 <br>이 있는 경우 동적으로 생성된 옵션이 포함되어 있으면 $("#selectId").val() </div>을 사용하세요. <br> 동적으로 생성되었습니다(<option value="0">선택하세요</option>와 같은 정적 옵션 포함). <br>1.setTimeout("$("#drop-down box id") .val(" value ")",1) 설정을 전달할 수 있습니다. <br>그러나 setTimeout을 사용한 후에는 $("를 사용하는 것이 올바르지 않습니다. #drop-down box id").val(); 값을 가져옵니다. 물론 일반적으로 코드 컨텍스트에서 값 값은 유지됩니다. <br>.val()을 통해 값을 검색할 필요가 없습니다. 단점 setTimeout은 비동기적으로 실행된다는 점입니다. setTimeout이 실행되는 컨텍스트는 일반적으로 현재 함수 도메인이 아닙니다. <br><br>2. try{$(" #Drop-down box id").val();}을 사용하세요. catch(e){}를 사용하여 오류를 차단합니다. <br>Firefox 및 IE6.0에서는 정상적으로 실행될 수 있지만 IE6.0의 값에 문제가 있습니다. <br>C: 모두 동적으로 생성됩니다. <br> 이 경우 , try 가 사용되고 IE6.0에는 설정이 없습니다. <br><br> 또한 IE6.0은 동적으로 생성된 드롭다운 항목에 대한 선택 너비를 자동으로 조정할 수 없으므로 수동 조정이 필요합니다.
