jquery对下拉框的操作

/获取第一个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='9'>ff</option>");
$("<option value='9'>ff</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();

获取select中选择的text与value相关的值

获取select选择的Text : var checkText=$("#slc1").find("option:selected").text();
获取select选择的value:var checkValue=$("#slc1").val();
获取select选择的索引值: var checkIndex=$("#slc1 ").get(0).selectedIndex;
获取select最大的索引值: var maxIndex=$("#slc1 option:last").attr("index");

设置select选择的Text和Value

设置select索引值为1的项选中：$("#slc1 ").get(0).selectedIndex=1;
设置select的value值为4的项选中： $("#slc1 ").val(4);
设置select的Text值为JQuery的选中：
$("#slc1 option[text='jQuery']").attr("selected", true);
PS：特别要注意一下第三项的使用哦。看看JQuery的选择器功能是如此地强大呀！

添加删除option项

为select追加一个Option(下拉项)
$("#slc2").append("<option value='"+i+"'>"+i+"</option>");
为select插入一个option(第一个位置)
$("#slc2").prepend("<option value='0'>请选择</option>");
PS: prepend 这是向所有匹配元素内部的开始处插入内容的最佳方式。
删除select中索引值最大option(最后一个)
$("#slc2 option:last").remove();
删除select中索引值为0的option(第一个)
$("#slc2 option[index='0']").remove();
删除select中value='3'的option
$("#slc2 option[value='3']").remove();
删除select中text='4'的option
$("#slc2 option[text='3']").remove();

转载于:https://www.cnblogs.com/ayforver/archive/2012/04/20/2459030.html

jquery对下拉框的操作相关推荐

jQuery对下拉框Select操作总结
2019独角兽企业重金招聘Python工程师标准>>> jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").c ...
jQuery下拉框元素操作
对select下拉中元素的操作:增.删.清空 <!DOCTYPE html> <html><head><meta charset="UTF-8&qu ...
级联查询ajax,Jquery+Ajax下拉框级联查询
Jquery代码 $(function(){ //提交事件 $("#ImageButton1").click(function(){ //省Id var provinceId=$( ...
php下拉列表框是隐藏变色的代码,jQuery设置下拉框显示与隐藏效果的方法分析...
本文实例讲述了jQuery设置下拉框显示与隐藏效果的方法.分享给大家供大家参考,具体如下: jQuery的 hide() 和 show() 方法分别用来隐藏和显示 HTML 元素,而 toggle() ...
php 下拉树多项选择框,jQuery树形下拉框插件multipleTree升级
插件描述:tree是基于jqueryztree开发的树形下拉选择框插件,支持ie8+谷歌,火狐,360等浏览器(multipleTree升级版) 更新时间:2020-09-26 00:48:20 更新 ...
select下拉框事件操作
select下拉框事件操作想要在select下拉框里面进行选项列的删除等操作,但是下拉框的事件是分装的,所以需要进行阻止时间冒泡,如下: e.stopPropagation(): itemRende ...
Jquery select下拉框操作
select下拉框选中使其内容改变时触发的事件 <select id="plat_form"></select> 在Js中使用 <script> ...
jquery 将下拉框重置_select下拉框之默认选项清空
最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...
jQuery省份下拉框
当选择到相对应的省份的时候,另一个框中的省份城市也会刷新为该省地级市. 想做出省份下拉框的刷新效果,就让我来为大家解析一下. 首先写出html内部结构样式设置好value值以方便jQuery获取对 ...

jquery对下拉框的操作

jquery对下拉框的操作相关推荐

最新文章

热门文章