用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 >   
 
問題:
當然這個解決方案是一個權益之計,較好解決方式是全局的調整。雖然給以後的維護挖了個坑,不過方案,還是行的通的。
發佈了13 篇原創文章 · 獲贊 4 · 訪問量 4萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章