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>之间严格留一个空格。。。。而且“第一”中间也不能有空格!!!

 

posted @ 2011-11-22 20:32  郑剑凡  阅读(287)  评论(0编辑  收藏  举报