jquery select(列表)的操作(取值/賦值)
更新時間:2009年08月06日 18:18:08 作者:
因為工作的原因,從上周開始接觸了jquery,以前我是自己寫js的函數(shù)庫,把一些常用的的方法寫成函數(shù),現(xiàn)在學(xué)習(xí)了jquery,發(fā)現(xiàn)還真是方便。不盡簡潔了很多。用Ajax很方便,而且還可以很方便創(chuàng)造一些特效。
jquery的使用方法,看了jquery_api幫助文檔和官方的文檔,基本所有的用法都可以找到。
但卻沒有找到對<select>列表的操作。
jquery對<select>的操作比較麻煩,我把常用的收集如下:
1.獲取選中值:$("select[@id='pagesize_slt'] option[@selected]").val();//-----pagesize_slt是<select>的id
2.設(shè)置選中項:$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index從0開始,所以1是第二項
很奇怪的是,我是用id來獲取的,應(yīng)該是唯一值,但$("select[@id='pagesize_slt']").selectedIndex = 1;是不對的。必須加[0]。也就是說,$("select[@id='pagesize_slt']")返回的其實是一個數(shù)組。這點(diǎn)需要注意。
但卻沒有找到對<select>列表的操作。
jquery對<select>的操作比較麻煩,我把常用的收集如下:
1.獲取選中值:$("select[@id='pagesize_slt'] option[@selected]").val();//-----pagesize_slt是<select>的id
2.設(shè)置選中項:$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index從0開始,所以1是第二項
很奇怪的是,我是用id來獲取的,應(yīng)該是唯一值,但$("select[@id='pagesize_slt']").selectedIndex = 1;是不對的。必須加[0]。也就是說,$("select[@id='pagesize_slt']")返回的其實是一個數(shù)組。這點(diǎn)需要注意。
您可能感興趣的文章:
- Jquery多選下拉列表插件jquery multiselect功能介紹及使用
- jQuery實現(xiàn)列表自動循環(huán)滾動鼠標(biāo)懸停時停止?jié)L動
- jquery+json 通用三級聯(lián)動下拉列表
- jQuery結(jié)合PHP+MySQL實現(xiàn)二級聯(lián)動下拉列表[實例]
- jquery用ajax方式從后臺獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery 操作單選框,復(fù)選框,下拉列表實現(xiàn)代碼
- 基于jquery的滾動新聞列表
- jquery常用技巧及常用方法列表集合
- 基于jquery實現(xiàn)多選下拉列表
- jQuery初級教程之網(wǎng)站品牌列表效果
相關(guān)文章
基于json的jquery地區(qū)聯(lián)動效果代碼
貼一個基于jquery聯(lián)動的代碼,相信這樣的代碼有一大把,就當(dāng)是jquery的練手吧2011-07-07為jQuery.Treeview添加右鍵菜單的實現(xiàn)代碼
jquery.treeview 數(shù)據(jù)通過JSON數(shù)據(jù)加載,有需要的朋友,可以通jquery的AJAX方法獲取相關(guān)的JSON數(shù)據(jù)。2010-10-10jQuery實現(xiàn)form表單基于ajax無刷新提交方法實例代碼
在本篇文章里小編給大家整理了關(guān)于jQuery實現(xiàn)form表單基于ajax無刷新提交方法實例代碼,需要的朋友們參考下。2019-11-11jquery實現(xiàn)點(diǎn)擊其他區(qū)域時隱藏下拉div和遮罩層的方法
這篇文章主要介紹了jquery實現(xiàn)點(diǎn)擊其他區(qū)域時隱藏下拉div和遮罩層的方法,涉及jQuery響應(yīng)鼠標(biāo)事件動態(tài)改變頁面元素樣式的功能,需要的朋友可以參考下2015-12-12jQuery實現(xiàn)鼠標(biāo)滑過圖片移動特效
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)滑過圖片移動特效,鼠標(biāo)移動到圖片上時圖片向上動一下,等到鼠標(biāo)離開后,圖片又返回到原來位置,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12使用JQuery和CSS模擬超鏈接的用戶單擊事件的實現(xiàn)代碼
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實現(xiàn)代碼,需要的朋友可以參考下2012-05-05