国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery操作select詳解(取值,設置選中)

2019-11-20 21:09:42
字體:
來源:轉載
供稿:網友

每一次操作select的時候,總是要出來翻一下資料,不如自己總結一下,以后就翻這里了。

比如<select class="selector"></select>

1、設置value為pxx的項選中

 $(".selector").val("pxx");

2、設置text為pxx的項選中

$(".selector").find("option[text='pxx']").attr("selected",true);

這里有一個中括號的用法,中括號里的等號的前面是屬性名稱,不用加引號。很多時候,中括號的運用可以使得邏輯變得很簡單。

3、獲取當前選中項的value

$(".selector").val();

4、獲取當前選中項的text

$(".selector").find("option:selected").text();

這里用到了冒號,掌握它的用法并舉一反三也會讓代碼變得簡潔。

很多時候用到select的級聯,即第二個select的值隨著第一個select選中的值變化。這在jquery中是非常簡單的。

如:

復制代碼 代碼如下:

$(".selector1").change(function(){

 // 先清空第二個

  $(".selector2").empty();

 // 實際的應用中,這里的option一般都是用循環生成多個了

  var option = $("<option>").val(1).text("pxx");

  $(".selector2").append(option);

});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 陕西省| 越西县| 宜黄县| 嘉荫县| 盐津县| 永清县| 泸水县| 沿河| 富锦市| 丹阳市| 唐河县| 武宣县| 利辛县| 喀喇沁旗| 巴彦淖尔市| 新沂市| 吕梁市| 和硕县| 鄂州市| 南涧| 克山县| 连江县| 洞头县| 兰考县| 措美县| 务川| 嘉祥县| 崇明县| 澎湖县| 米泉市| 云龙县| 巴楚县| 新蔡县| 寿光市| 集贤县| 集贤县| 秦皇岛市| 高密市| 株洲市| 高密市| 哈尔滨市|