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ù)組。這點需要注意。
但卻沒有找到對<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ù)組。這點需要注意。
您可能感興趣的文章:
- Jquery多選下拉列表插件jquery multiselect功能介紹及使用
- jQuery實現(xiàn)列表自動循環(huán)滾動鼠標懸停時停止?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)動的代碼，相信這樣的代碼有一大把，就當是jquery的練手吧2011-07-07
這篇文章主要為大家詳細介紹了jQuery日歷插件datepicker用法，感興趣的小伙伴們可以參考一下2016-03-03
為jQuery.Treeview添加右鍵菜單的實現(xiàn)代碼
jquery.treeview 數(shù)據(jù)通過JSON數(shù)據(jù)加載，有需要的朋友，可以通jquery的AJAX方法獲取相關(guān)的JSON數(shù)據(jù)。2010-10-10
jQuery實現(xiàn)form表單基于ajax無刷新提交方法實例代碼
在本篇文章里小編給大家整理了關(guān)于jQuery實現(xiàn)form表單基于ajax無刷新提交方法實例代碼，需要的朋友們參考下。2019-11-11
今天的內(nèi)容是關(guān)于表單驗證插件的制作。表單驗證控件實現(xiàn)的主要功能是，當表單提交的時候檢查必填項是否正確填寫，同時根據(jù)需要驗證輸入信息是否符合規(guī)范2012-08-08
這篇文章主要介紹了jQuery實現(xiàn)獲取隱藏div高度的方法,結(jié)合實例形式較為詳細的分析了jQuery針對頁面元素屬性操作的相關(guān)技巧,需要的朋友可以參考下2017-02-02
jquery實現(xiàn)點擊其他區(qū)域時隱藏下拉div和遮罩層的方法
這篇文章主要介紹了jquery實現(xiàn)點擊其他區(qū)域時隱藏下拉div和遮罩層的方法,涉及jQuery響應(yīng)鼠標事件動態(tài)改變頁面元素樣式的功能,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了jQuery實現(xiàn)鼠標滑過圖片移動特效，鼠標移動到圖片上時圖片向上動一下，等到鼠標離開后，圖片又返回到原來位置,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實現(xiàn)代碼
使用JQuery和CSS模擬超鏈接的用戶單擊事件的實現(xiàn)代碼，需要的朋友可以參考下2012-05-05
jquery 選擇器，jquery學(xué)習(xí)與開發(fā)中需要用的到，大家可以收藏下，另外可以看下本站提供的學(xué)習(xí)jquery的資料。2009-10-10