jquery select(列表)的操作（取值/賦值）
更新時(shí)間：2009年08月06日 18:18:08 作者：
因?yàn)楣ぷ鞯脑?，從上周開始接觸了jquery，以前我是自己寫js的函數(shù)庫(kù)，把一些常用的的方法寫成函數(shù)，現(xiàn)在學(xué)習(xí)了jquery，發(fā)現(xiàn)還真是方便。不盡簡(jiǎn)潔了很多。用Ajax很方便，而且還可以很方便創(chuàng)造一些特效。
jquery的使用方法，看了jquery_api幫助文檔和官方的文檔，基本所有的用法都可以找到。
但卻沒有找到對(duì)<select>列表的操作。
jquery對(duì)<select>的操作比較麻煩，我把常用的收集如下：
1.獲取選中值：$("select[@id='pagesize_slt'] option[@selected]").val();//-----pagesize_slt是<select>的id
2.設(shè)置選中項(xiàng)：$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index從0開始，所以1是第二項(xiàng)
很奇怪的是，我是用id來(lái)獲取的，應(yīng)該是唯一值，但$("select[@id='pagesize_slt']").selectedIndex = 1;是不對(duì)的。必須加[0]。也就是說，$("select[@id='pagesize_slt']")返回的其實(shí)是一個(gè)數(shù)組。這點(diǎn)需要注意。
但卻沒有找到對(duì)<select>列表的操作。
jquery對(duì)<select>的操作比較麻煩，我把常用的收集如下：
1.獲取選中值：$("select[@id='pagesize_slt'] option[@selected]").val();//-----pagesize_slt是<select>的id
2.設(shè)置選中項(xiàng)：$("select[@id='pagesize_slt']")[0].selectedIndex = 1;//-----<select>的index從0開始，所以1是第二項(xiàng)
很奇怪的是，我是用id來(lái)獲取的，應(yīng)該是唯一值，但$("select[@id='pagesize_slt']").selectedIndex = 1;是不對(duì)的。必須加[0]。也就是說，$("select[@id='pagesize_slt']")返回的其實(shí)是一個(gè)數(shù)組。這點(diǎn)需要注意。
您可能感興趣的文章:
- Jquery多選下拉列表插件jquery multiselect功能介紹及使用
- jQuery實(shí)現(xiàn)列表自動(dòng)循環(huán)滾動(dòng)鼠標(biāo)懸停時(shí)停止?jié)L動(dòng)
- jquery+json 通用三級(jí)聯(lián)動(dòng)下拉列表
- jQuery結(jié)合PHP+MySQL實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)下拉列表[實(shí)例]
- jquery用ajax方式從后臺(tái)獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- jquery 操作單選框，復(fù)選框，下拉列表實(shí)現(xiàn)代碼
- 基于jquery的滾動(dòng)新聞列表
- jquery常用技巧及常用方法列表集合
- 基于jquery實(shí)現(xiàn)多選下拉列表
- jQuery初級(jí)教程之網(wǎng)站品牌列表效果
相關(guān)文章
jQuery之選項(xiàng)卡的簡(jiǎn)單實(shí)現(xiàn)
本篇文章主要是對(duì)jQuery 選項(xiàng)卡的簡(jiǎn)單實(shí)現(xiàn)進(jìn)行了介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
使用jQuery UI的tooltip函數(shù)修飾title屬性的氣泡懸浮框
使用jQuery UI的tooltip()函數(shù)，可以使懸浮提示框不再那么千篇一律，以下是完整的代碼，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-06-06
Jquery通過Ajax方式來(lái)提交Form表單的具體實(shí)現(xiàn)
提交Form表單的方法有很多，在本文為大家介紹下Jquery通過Ajax方式是如何提交Form表單的2013-11-11
jquery中ready()函數(shù)執(zhí)行的時(shí)機(jī)和window的load事件比較
這篇文章主要介紹了jquery中ready()函數(shù)執(zhí)行的時(shí)機(jī)和window的load事件比較的相關(guān)資料,需要的朋友可以參考下2015-06-06
下面小編就為大家?guī)?lái)一篇jQuery效果函數(shù)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧，祝大家游戲愉快哦2016-09-09
jquery獲得option的值和對(duì)option進(jìn)行操作
本文為大家介紹下jquery獲得option的值和對(duì)option的操作，下面有不錯(cuò)的示例分析及示例代碼，感興趣的朋友可以了解下2013-12-12
基于jQuery實(shí)現(xiàn)復(fù)選框的全選 全不選 反選功能
本文分享一段基于jQuery實(shí)現(xiàn)的復(fù)選框全選、全不選、反選功能的代碼，有需要的小伙伴直接帶走吧2014-11-11
這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
下面小編就為大家?guī)?lái)一篇JQuery的常用選擇器、過濾器、方法全面介紹。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-05-05
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)表格隔行換色，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-09-09