js和jQuery联合操作dom真的很好用,如果不是专业前端人员的话,我觉得吧前端语言只要熟练掌握js和jQuery就可以了。
获取select下拉框的几种情况如下:
1.获取第一个option的值
$(\'#test option:first\').val();
2.最后一个option的值
$(\'#test option:last\').val();
3.获取第二个option的值
$(\'#test option:eq(1)\').val();
依次类推可以获取第三个、第四个option的值
4.获取选中的值
var groupid = $("#groupid").find("option:checked").val();
$(\'#groupidoption:selected\').val();
$(\'#groupid\').val();
<td >
<select > </select>
</td>
5.设置值为2的option为选中状态
$(\'#test\').attr(\'value\',\'2\');
6.设置最后一个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());
7.获取select的长度
$(\'#test option\').length;
8.添加一个option
var str="<option value=\'n+1\'>第N+1项</option>";
$("#test").append(str); //一般都用这个追加
$("<option value=\'n+1\'>第N+1项</option>").appendTo("#test");
9.删除选中项
$(\'#test option:selected\').remove();
10.删除项选中的第一项
$(\'#test option:first\').remove();
11.删除满足条件的option
$(\'#test option\').each(function(){
if( $(this).val() == \'5\'){
$(this).remove();
}
});
$(\'#test option[value=5]\').remove();
参考博客:https://www.cnblogs.com/eager/p/7133270.html