用jQuery来查找Option的text

问题起引：页面中显示Table，它里面显示的是各分公司的统计数据，同时每行还一个链接，通过这个链接可以查看指定分公司数据详情。由于后台 没设计好，在实现此链接功能时，碰到了传中文的问题，即把具体分公司名称传到后台。当然网上有不少解决中文传参的方法，但不是那么方便，要配置不少地方。

问题解决思路： 观察下四周，当前页面恰好有一个下拉选择列表，它里面正好有分公司及其对应的ID。于是，就想在点时链接，通过JS把中文字换成数字的ID，这样后台就再通过ID拿到分公司名称。

代码如下：

Html代码

1. < meta   http-equiv = "Content-Type"   content = "text/html; charset=gbk"   />   
2.   
3. < select   id = "branchName" >   
4.     < option   value = "10" > 北京分公司 </ option >   
5.     < option   value = "11" > 天津分公司 </ option >   
6.     < option   value = "12" > 河北分公司 </ option >   
7.     < option   value = "13" > 山西分公司 </ option >   
8. </ select >   
9.   
10. < script   src = "http://code.jquery.com/jquery-latest.min.js" > </ script >   
11.   
12. < script >   
13.     function getSubComId_OK(subName){  
14.         alert("getSubComId_OK ID: " + $("option:contains('"+subName+"')").val());  
15.     }  
16.   
17.     function getSubComId_failed_once(subName){  
18.         alert("getSubComId_failed_once ID: " + $("#branchName option[text = '"+subName + "' ]").val());  
19.   
20.         alert("getSubComId_failed_once ID: " + $("#branchName option[text = "+subName + " ]").val());  
21.     }  
22.   
23.     getSubComId_OK('山西分公司');  
24.     getSubComId_failed_once('山西分公司');  
25. </ script >   

 

问题：

当然这个解决方案是一个权益之计，较好解决方式是全局的调整。虽然给以后的维护挖了个坑，不过方案，还是行的通的。