js 동적 설정 select 드 롭 다운 메뉴 의 기본 선택 인 스 턴 스

javascript 을 이용 하여 select 드 롭 다운 메뉴 의 선택 항목 을 설정 합 니 다.
코드 인 스 턴 스 는 다음 과 같 습 니 다.

<!--js    select          --> 
<html> 
<head> 
<title>    </title> 
<script type="text/javascript"> 
window.onload=function(){ 
 var osel=document.getElementById("selID"); //  select ID
 var opts=osel.getElementsByTagName("option");//    option
 var obt=document.getElementById("bt");
 obt.onclick=function(){
 opts[3].selected=true;//  option 4   , value="3"     
 }
} 
</script> 
</head> 
<body> 
<select name="select" id="selID"> 
<option value="0">     </option> 
<option value="1">     </option> 
<option value="2" selected>     </option> 
<option value="3">     </option>
<option value="4">     </option> 
</select> 
<input type="button" id="bt" value="    "/>
</body> 
</html>
이상 코드 구현:
1.초기 에 드 롭 다운 메뉴 3 을 선택 합 니 다.

2.버튼 을 누 르 면 select 드 롭 다운 메뉴 의 기본 선택 항목 인 드 롭 다운 메뉴 4 를 설정 할 수 있 습 니 다.

이상 의 js 동적 설정 select 드 롭 다운 메뉴 의 기본 선택 중 인 스 턴 스 는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시기 바 랍 니 다.여러분 들 도 저 희 를 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기