select 및 option의 모든 값과 텍스트 인스턴스를 얻는 jquery에 대한 설명
- 小云云원래의
- 2018-01-23 13:59:211513검색
이 기사에서는 주로 jquery를 사용하여 select 및 option의 모든 값과 텍스트를 얻는 예를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
생각해 보세요, 며칠 동안 jQuery를 배웠는데 오늘은 업무상 필요로 인해 select에 해당하는 옵션의 값과 텍스트를 모두 가져온 다음 splice하고 import해야 합니다. 오후에 작업한 후 마침내 해냈습니다. 다음은 해당 코드입니다.
의 코드는 다른 사람의 웹사이트에서 복사되었습니다. 이제 해당 값과 텍스트를 가져와서<!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>
형식 요약: 도구를 결합하면 VS2010에서 새 html 파일을 만들고 코드를 입력한 다음 해당 코드를
Dreamweaver에 복사하여 실행할 수 있습니다. 많은 시간.
이 예를 통해 책에 있는 코드를 이해하고 입력하는 것만으로는 아무것도 작성할 수 없다는 것을 깨달았습니다.
관련 권장 사항:
위 내용은 select 및 option의 모든 값과 텍스트 인스턴스를 얻는 jquery에 대한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.