分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

JQuery获取select选中值和清除选中状态(转)

发布时间:2023-09-06 01:10责任编辑:顾先生关键词:暂无标签

1、获取值

var provinceSearch = $("#loc_province_search").find("option:selected").attr("lang");//获取下拉列表选中值 ?var citySearch = $("#loc_city_search").find("option:selected").attr("lang");//获取下拉列表选中值 ?var townSearch = $("#loc_town_search").find("option:selected").attr("lang");//获取下拉列表选中值 ?var linkMan = $(‘.customer_input_contact‘).val();//获取输入框内的值 ?var customerLevel = $(".txt_classification").attr("lang");//获取下拉列表的lang属性值 ?var customerTrade = $(".txt_industry").attr("lang");//获取下拉列表的lang属性值 ?var customerClass = $(".txt_segmentation").attr("lang");//获取下拉列表的lang属性值 ?var busi_statusType = $(".customer_busi_status2").attr("lang");//获取下拉列表的lang属性值

2、详解

<select id="test">  <option value="1">选项一<option>  <option value="2">选项一<option> ????????????????????????...  <option value="n">选项N<option></select>
//获取第一个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=‘n+1‘>第N+1项</option>");$("<option value=‘n+1‘>第N+1项</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();

参考:

http://blog.csdn.net/wojiaohuangyu/article/details/53608648(以上内容部分转自此篇文章)

https://zhidao.baidu.com/question/754549135121148324.html(以上内容大部分转自此篇文章)

JQuery获取select选中值和清除选中状态(转)

原文地址:http://www.cnblogs.com/EasonJim/p/7514355.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved