jQuery　textbox select checkbox radio 取值，设置值

最新推荐文章于 2021-02-17 01:12:04 发布

原创最新推荐文章于 2021-02-17 01:12:04 发布 · 349 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #textbox #function

JS 同时被 2 个专栏收录

8 篇文章

订阅专栏

JQUERY

5 篇文章

订阅专栏

本文介绍了如何使用jQuery来操作HTML中的Select元素，包括获取和设置选定的文本、值和索引，以及如何添加和删除Select选项。

1. $('#select_id').change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
2. var checkText=$('#select_id').find('option:selected').text(); //获取Select选择的Text
3. var checkValue=$('#select_id').val(); //获取Select选择的Value
4. var checkIndex=$('#select_id ').get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$('#select_id option:last').attr('index'); //获取Select最大的索引值
jQuery设置Select选择的Text和Value:
语法解释：
1. $('#select_id ').get(0).selectedIndex=1; //设置Select索引值为1的项选中
2. $('#select_id ').val(4);   //设置Select的Value值为4的项选中
3. $('#select_id option[text='jQuery']').attr('selected', true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项：
语法解释：
1. $('#select_id').append('<option value='Value'>Text</option>'); //为Select追加一个Option(