Jquery Select操作方法集合脚本之家特别版

jQuery这个框架方便了我们对于HTML元素的操作，本来以为自己对于Select操作也算是熟悉了，但上午在测试的时候才发现自己了解的还真不多。

看了一下jQuery的一些方法后，理出了一些常用的方法，列在下面：

//获取第一个option的值
$（"#test option:first"）.val（）;
//最后一个option的值
$（"#test option:last"）.val（）;
//获取第二个option的值
$（"#test option:eq（1）"）.val（）;
//获取选中的值
$（"#test"）.val（）;
$（"#test option:selected"）.val（）;
//设置值为2的option为选中状态
$（"#test"）.attr（"value","2"）;
//设置第一个option为选中
$（"#test option:last"）.attr（"selected","selected"）;
$（"#test"）.attr（"value" , $（"#test option:last"）.val（））;
$（"#test"）.attr（"value" , $（"#test option"）.eq（$（"#test option"）.length - 1）.val（））;
//获取select的长度
$（"#test option"）.length;
//添加一个option
$（"#test"）.append（"<option value="9">ff</option>"）;
$（"<option value="9">ff</option>"）.appendTo（"#test"）;
//添除选中项
$（"#test option:selected"）.remove（）;
//指定项选中
$（"#test option:first"）.remove（）;
//指定值被删除
$（"#test option"）.each（function（）{
if（ $（this）.val（） == "5"）{
$（this）.remove（）;
}
}）;
$（"#test option[value=5]"）.remove（）;

//获取第一个Group的标签
$（"#test optgroup:eq（0）"）.attr（"label"）;
//获取第二group下面第一个option的值
$（"#test optgroup:eq（1） :option:eq（0）"）.val（）;

获取select中选择的text与value相关的值

获取select选择的Text : var checkText=$（"#slc1"）.find（"option:selected"）.text（）;
获取select选择的value:var checkValue=$（"#slc1"）.val（）;
获取select选择的索引值: var checkIndex=$（"#slc1 "）.get（0）.selectedIndex;
获取select最大的索引值: var maxIndex=$（"#slc1 option:last"）.attr（"index"）;

设置select选择的Text和Value

设置select索引值为1的项选中：$（"#slc1 "）.get（0）.selectedIndex=1;
设置select的value值为4的项选中： $（"#slc1 "）.val（4）;
设置select的Text值为JQuery的选中：
$（"#slc1 option[text="jQuery"]"）.attr（"selected", true）;
PS：特别要注意一下第三项的使用哦。看看JQuery的选择器功能是如此地强大呀！

添加删除option项

为select追加一个Option（下拉项）
$（"#slc2"）.append（"<option value=""+i+"">"+i+"</option>"）;
为select插入一个option（第一个位置）
$（"#slc2"）.prepend（"<option value="0">请选择</option>"）;
PS: prepend 这是向所有匹配元素内部的开始处插入内容的最佳方式。
删除select中索引值最大option（最后一个）
$（"#slc2 option:last"）.remove（）;
删除select中索引值为0的option（第一个）
$（"#slc2 option[index="0"]"）.remove（）;
删除select中value="3"的option
$（"#slc2 option[value="3"]"）.remove（）;
删除select中text="4"的option
$（"#slc2 option[text="3"]"）.remove（）;

一些相关的补充资料：
Jquery操作Select 简单方便一个js插件搞定
JQuery select标签操作代码段