jq对于select值的获取和删除操作
JavaScipt
2023-06-12 20:05:46
网站功能开发中如果涉及到数据提交,select下拉选择效果可以说是非常重要的一个功能。
文中基于select下拉选择功能使用jq如何获取数据及操作,给出详细总结。
一、获取选择select值
$('#selectID').val();
$('#selectID option:selected').val();
二、获取select第一个option的值
$('#selectID option:first').val()
三、获取select最后一个option的值
$('#selectID option:last').val();
四、获取select指定第几个option的值,如第3个
$('#selectID option:eq(2)').val();
五、设置select最后一个option被选中
$('#selectID option:last').attr('selected','selected');
六、设置select指定第几个option被选中,如第2个
$('#selectID option:eq(1)').attr('selected','selected');
七、获取select的长度,即option个数
$('#selectID option').length;
八、移出select中选中option
$('#selectID option:selected').remove();
九、移出select中指定第几个option,如第2个
$('#selectID option:eq(1)').remove();
十、移除select中第一个option
$('#selectID option:first').remove();
十一、移除select中最后一个option
$('#selectID option:last').remove();
注:eq是从0开始,即第3个为eq(2)
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
881篇文章
1111人已阅读