当前位置: 首页 > 编程笔记 >

jQuery操作select下拉框的text值和value值的方法

段干宾白
2023-03-14
本文向大家介绍jQuery操作select下拉框的text值和value值的方法,包括了jQuery操作select下拉框的text值和value值的方法的使用技巧和注意事项,需要的朋友参考一下
1、jquery获取当前选中select的text值
var checkText=$("#slc1").find("option:selected").text();
2、jquery获取当前选中select的value值
var checkValue=$("#slc1").val();
3、jquery获取当前选中select的索引值
var index=$("#slc1 ").get(0).selectedIndex;
4、jquery设置索引值为1的项为当前选中项
$("#slc1 ").get(0).selectedIndex=1;
5、jquery设置value值2的项为当前选中项
$("#slc1 ").val(2);
6、jquery设置text值为"青藤园"的项为当前选中项
$("#slc1 option[text='青园w']").attr("selected",true);
7、为指定select下拉框追加一个option(追加到在末尾)
$("#slc2").append(""+i+"");
8、为制定select下拉框插入一个option(插入到第一个位置)
$("#slc2").prepend("请选择");
9、jquery删除select下拉框的最后一个option
$("#slc2 option:last").remove();
 类似资料:
  • 本文向大家介绍JQuery select(下拉框)操作方法汇总,包括了JQuery select(下拉框)操作方法汇总的使用技巧和注意事项,需要的朋友参考一下 1. 获取选中项: 获取选中项的Value值: 或者 获取选中项的Text值: 或者 2.   获取当前选中项的索引值: 3.   获取当前option的最大索引值: 4.   获取DropdownList的长度: 或者 5.  设置第一个

  • 本文向大家介绍jQuery Select下拉框操作小结(推荐),包括了jQuery Select下拉框操作小结(推荐)的使用技巧和注意事项,需要的朋友参考一下 jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var check

  • 本文向大家介绍js添加select下默认的option的value和text的方法,包括了js添加select下默认的option的value和text的方法的使用技巧和注意事项,需要的朋友参考一下 <pre name="code" class="java"> jsp 中的下拉框标签: <s:select name="sjx" id="sjx" list="sjxList" listKey="BM

  • 本文向大家介绍JavaScript获取select中text值的方法,包括了JavaScript获取select中text值的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript获取select中text值的方法。分享给大家供大家参考,具体如下: 别的不说,先看代码: 方法一: 其中,this.value取得是value的值,this.options[this.sele

  • 本文向大家介绍Vue.js获取被选择的option的value和text值方法,包括了Vue.js获取被选择的option的value和text值方法的使用技巧和注意事项,需要的朋友参考一下 如下所示: 1.获取option的value的值,watch option 控件时,或自动获取option的value的值。 2.获取被选中的option的text的值时,使用:$("#optionID op

  • 各种大小的下拉框 <div class="row"> <div class="field-label">mini</div> <div class="select-size" data-skin="mini"></div> </div> <div class="row"> <div class="field-label">tiny</div> <div class=