jquery 操作select下拉列表的一些实例-js教程-PHP中文网

jquery 操作select下拉列表的一些实例

php中文网

发布： 2016-06-01 09:54:47

原创

1239人浏览过

本文章需要使用到的html：

<select id="test">
    <option value="1">php<option>
    <option value="2">mysql<option>
    <option value="n">java<option>
</select>

登录后复制

jquery获取select第一个option的值

$('#test option:first').val();

登录后复制

25175企业客户管理系统2.5.1

25175企业客户管理系统能够方便的录入新的信息例如新的项目、新增客户等同时能够清楚的管理一些款项结算。由于功能的强大，用户可以在该系统上发表文章后让员工递交工作计划或工作报告。加强企业工作效率，为企业提高实力。因为该系统可由客户、程序员、负责人等身份登入所以适合广大企业使用。管理首页：{信息录入|信息修改|信息查询}1信息录入：你可以根据实际情况进行以下操作 1-1新的项目

查看详情

jquery获取select最后一个option的值

$('#test option:last').val();

登录后复制

jquery获取select第二个option的值

$('#test option:eq(1)').val();

登录后复制

jquery获取select选中的值

$('#test').val();
或
$('#test option:selected').val();

登录后复制

jquery设置select值为"php"的option为选中状态

$('#test').attr('value','php');

登录后复制

jquery设置select最后一个option为选中

$('#test option:last').attr('selected','selected');

登录后复制

jquery获取select的长度

$('#test option').length;

登录后复制

jquery为select添加一个option

$("#test").append("<option value='javascript'>javascript</option>");
或
$("<option value='javascript'>javascript</option>").appendTo("#test");

登录后复制

jquery移除select选中项

$('#test option:selected').remove();

登录后复制

jquery删除select某一项(这里删除第一项)

$('#test option:first').remove();

登录后复制

jquery指定值删除select中的option项

$('#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();

登录后复制

大家都在看：

防止重复绑定：深入理解jQuery事件的on()与off()方法解决JavaScript/Web设置Cookie过期时间不生效的问题 jQuery事件绑定：深度解析on()与off()管理重复事件监听器理解 jQuery 中事件的解绑与绑定：避免重复监听器的最佳实践 jQuery Mask插件：为电话号码输入框添加不可移除的前导零