jq对于select值的获取和删除操作

网站功能开发中如果涉及到数据提交,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)

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!