首页 / 脚本样式 / JavaScript / JQuery select（下拉框）操作方法汇总

1. 获取选中项：
获取选中项的Value值：
复制代码 代码如下:
$（"select#sel option:selected"）.val（）;

或者
复制代码 代码如下:
$（"select#sel"）.find（"option:selected"）.val（）;

获取选中项的Text值：
复制代码 代码如下:
$（"select#seloption:selected"）.text（）;

或者
复制代码 代码如下:
$（"select#sel"）.find（"option:selected"）.text（）;

2.   获取当前选中项的索引值：
复制代码 代码如下:
$（"select#sel"）.get（0）.selectedIndex;

3.   获取当前option的最大索引值：
复制代码 代码如下:
$（"select#sel option:last"）.attr（"index"）

4.   获取DropdownList的长度：
复制代码 代码如下:
$（"select#sel"）[0].options.length;

或者
复制代码 代码如下:
$（"select#sel"）.get（0）.options.length;

5.  设置第一个option为选中值：
复制代码 代码如下:
$（"select#sel option:first"）.attr（"selected","true"）

或者
复制代码 代码如下:
$（"select#sel"）[0].selectedIndex = 0;

6.   设置最后一个option为选中值：
复制代码 代码如下:
$（"select#sel option:last）.attr（"selected","true"）

7.   根据索引值设置任意一个option为选中值：
复制代码 代码如下:
$（"select#sel"）[0].selectedIndex =索引值;索引值=0,1,2....

8.   设置Value=4 的option为选中值：
复制代码 代码如下:
$（"select#sel"）.attr（"value","4"）;

或者
复制代码 代码如下:
$（"select#sel option[value="4"]"）.attr（"selected", "true"）;

9.   删除Value=3的option：
复制代码 代码如下:
$（"select#sel option[value="3"]"）.remove（）;

10.删除第几个option：
复制代码 代码如下:
$（" select#sel option "）.eq（索引值）.remove（）;索引值=0,1,2....

如删除第3个Radio:
复制代码 代码如下:
$（" select#sel option "）.eq（2）.remove（）;

11.删除第一个option：
复制代码 代码如下:
$（" select#sel option "）.eq（0）.remove（）;

或者
复制代码 代码如下:
$（"select#sel option:first"）.remove（）;

12. 删除最后一个option：
复制代码 代码如下:
$（"select#sel option:last"）.remove（）;

13. 删除dropdownlist:
复制代码 代码如下:
$（"select#sel"）.remove（）;

14.在select后面添加一个option:
复制代码 代码如下:
$（"select#sel"）.append（"<option value="6">f</option>"）;

15. 在select前面添加一个option:
复制代码 代码如下:
$（"select#sel"）.prepend（"<option value="0">0</option>"）;

16. 遍历option：
复制代码 代码如下:
$（" select#sel option "）.each（function （index, domEle） {
//写入代码
}）;