jquery select,option 모든 value 와 text 의 인 스 턴 스 가 져 오기

3129 단어 jqueryselectoption
jQuery 를 공부 한 지 며칠 이 되 었 습 니 다.그리고 오늘 은 업무 수요 로 인해 select 에 대응 하 는 option 의 모든 value 와
text 를 가 져 온 다음 에 맞 춰 xml 파일 에 가 져 왔 습 니 다.결 과 는 오후 내 내 이 루어 졌 고 드디어 이 루어 졌 습 니 다.다음은 대응 하 는 코드 입 니 다.
의 코드 는 다른 사람의 사이트 에서 복 사 된 것 입 니 다.저 는 지금 그것 의 value 와 text 를 얻 은 다음 에 연결 해 야 합 니 다.
<조양>7의 형식

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
 <script type="text/javascript" language="javascript" > 
 $(document).ready(function(){ //    dom        
  
     var arr = new Array(); //        ,    Array arr = new Array();
     var all = ""; //        
     $("#UserBorough option").each(function () {
       var txt = $(this).text(); //    text
       var val = $(this).val(); //    value
       var node = "<" + txt + ">" + val + "</" + txt + ">";
       arr.push(node);
       all += node;
     });
     alert(all);
     alert(arr);

  
 }); //$(document)
 </script>
</head>
<body>

 <select name="UserBorough" size="6" class="input" id="UserBorough" style="width:150px;" onchange="setSmallBorough('UserBorough','SmallBorough','/search_auto.aspx?searchtype=Borough&searchkey='+ this.options[this.selectedIndex].value +'','');">
            <option value=7>  </option><option value=1>  </option><option value=4>  </option><option value=8>  </option><option value=14>  </option><option value=2>  </option><option value=3>  </option><option value=5>  </option><option value=6>  </option><option value=12>  </option><option value=13>  </option><option value=11>  </option><option value=9>   </option><option value=10>   </option><option value=15>  </option><option value=18>  </option><option value=17>  </option><option value=16>  </option><option value=448>  </option>
</select>



</body>
</html>
요약:도 구 를 결합 하면 많은 일 을 절약 할 수 있 습 니 다.VS 2010 에서 html 파일 을 새로 만 들 고 코드 를 복사 할 수 있 습 니 다.
Dreamweaver 에서 실행 하면 시간 을 절약 할 수 있 습 니 다.
이 예 를 통 해 나 는 책 에 있 는 코드 만 읽 고 그대로 두 드 리 면 네가 반드시 글 을 쓸 수 있 는 것 이 아니 라 손 을 많이 써 야 한 다 는 것 을 깨 달 았 다.
자기가 쓰다.
이상 의 jquery 에서 select,option 의 모든 value 와 text 의 인 스 턴 스 를 가 져 옵 니 다)는 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 하 시 기 를 바 랍 니 다.여러분 들 이 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기