select标签取选项中的字符(非value)
项目有个页面要求取出<select>标签中<option/>之间的值。百度了一圈没有合适的,手写个待改进。
IE7.0 下 trim()方法不起作用。。。使用jquery的:$.trim( $(this).text() );
<HTML>
<HEAD>
<TITLE>JQuery Len</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<script language="javascript" type="text/javascript" src="jquery-1.4.4rc2.js"></script>
</HEAD>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selectTag").change(function(){
// var strArray = $("#selectTag").text().trim().split(" ");
var strArray = $.trim( $(this).text()).split(" "); var index = $("#selectTag")[0].selectedIndex;
alert(strArray[index]);
});
});
</script>
<body>
<div>
<select id="selectTag">
<option value="1">第一</option> <option value="2">第二</option> <option value="3">第三</option>
</select>
</div>
</body>
</HTML>
上面<option value="1">第一</option> <option value="2">第二</option>之间严格留一个空格。。。。而且“第一”中间也不能有空格!!!