精华内容
下载资源
问答
  • js获取select选中的: var sel=document.getElementById("select1"); var index = sel.selectedIndex; // 选中索引 albumid= sel.options...jQuery获取下拉框选中的option: $("#s option:selected")...

    js获取select选中的值:

    var sel=document.getElementById("select1");
    var index = sel.selectedIndex; // 选中索引
    albumid= sel.options[index].value;//要的值

    jQuery获取下拉框选中的option:

    $("#s option:selected").val();

     

    转载于:https://www.cnblogs.com/zhongJaywang/p/5459929.html

    展开全文
  • jquery获取下拉框

    千次阅读 2015-03-13 23:08:03
    最近一个项目需要做前端,捡起好久不用的js,下拉框是我们经常用到的控件,有以下几种获得选中项的: $("#select_id").find("option:selected").text(); $("#select_id").val(); $("#select_id").attr("value...

    最近一个项目需要做前端,捡起好久不用的js,下拉框是我们经常用到的控件,有以下几种获得选中项的值:

    $("#select_id").find("option:selected").text();

    $("#select_id").val();

    $("#select_id").attr("value");

    其中需要主要的是第一种获得的内容可以包含空格,第二种和第三种获得的内容都不能包含空格,在此稍作记录,以后有时间把select的用法整理整理。

    展开全文
  • 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码。 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与...

    下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码。

    下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码。

    jquery获取select选择的文本与值

    获取select :

     获取select 选中的 text :

       $("#ddlregtype").find("option:selected").text();

     

     获取select选中的 value:

       $("#ddlregtype ").val();

     

     获取select选中的索引:

         $("#ddlregtype ").get(0).selectedindex;

     

    设置select:

     设置select 选中的索引:

         $("#ddlregtype ").get(0).selectedindex=index;//index为索引值

     

     设置select 选中的value:

        $("#ddlregtype ").attr("value","normal“);

        $("#ddlregtype ").val("normal");

        $("#ddlregtype ").get(0).value = value;

     

     设置select 选中的text:

    var count=$("#ddlregtype option").length;

      for(var i=0;i<count;i++)  
         {           if($("#ddlregtype ").get(0).options[i].text == text)  
            {  
                $("#ddlregtype ").get(0).options[i].selected = true;  
              
                break;  
            }  
        }

     

    $("#select_id option[text='jquery']").attr("selected", true);

     

    设置select option项:

     

     

    $("#select_id").append("<option value='value'>text</option>");  //添加一项option

     $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

     $("#select_id option:last").remove(); //删除索引值最大的option

     $("#select_id option[index='0']").remove();//删除索引值为0的option

     $("#select_id option[value='3']").remove(); //删除值为3的option

     $("#select_id option[text='4']").remove(); //删除text值为4的option

     

    清空 select:

    $("#ddlregtype ").empty();

     

    工作需要,要获得两个表单中的值。如图:

    jquery中获得下拉框下拉框左右选择的值 - 属于你和自己 - 晕晕的博客
    如何获得从左边选择框添加到右边选择框中的值?我想了想用网页特效可以获得,这里用了比较流行的jquery。


    js代码如下:
    //获取所有属性值 var item = $("#select1").val();   
    $(function(){
      $('#select1').each(  //获得select1的所有值
         function(){  
            $('button').click(function(){
                alert($('#select2').val());  //获得select2中的select1值
            });           
         });   
         
    })

    </script>
    值得注意的是,不能直接写成
    $(function(){
      $('#select2').each(  //获得select1的所有值,因为前面讲选项从左边添加到右边,jquery其实并没有真正将值从左边传到右边。
         function(){  
            $('button').click(function(){
                alert($(this).val());  //获得select2中的select1值
            });           
         });   
         
    })
    html:
    <div class="centent">
            <select multiple="multiple" id="select1" name="dd" style="width:100px;height:160px;">
                <option value="1">选项1</option>
                <option value="2">选项2</option>
                <option value="3">选项3</option>
                <option value="4">选项4</option>
                <option value="5">选项5</option>
                <option value="6">选项6</option>
                <option value="7">选项7</option>
            </select>
            <div>
                <span id="add" >选中添加到右边&gt;&gt;</span>
                <span id="add_all" >全部添加到右边&gt;&gt;</span>
            </div>
        </div>

        <div class="centent">
            <select multiple="multiple" id="select2" name="sel" style="width: 100px;height:160px;">
     
            </select>
            <div>
                <span id="remove">&lt;&lt;选中删除到左边</span>
                <span id="remove_all">&lt;&lt;全部删除到左边</span>
            </div>
        </div>

    转载于:https://www.cnblogs.com/ChineseMoonGod/p/4440657.html

    展开全文
  • 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selected...

    获取Select :

     获取select 选中的 text :

       $("#ddlRegType").find("option:selected").text();

     

     获取select选中的 value:

       $("#ddlRegType ").val();

     

     获取select选中的索引:

         $("#ddlRegType ").get(0).selectedIndex;

     

    设置select:

     设置select 选中的索引:

         $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

     

     设置select 选中的value:

        $("#ddlRegType ").attr("value","Normal“);

        $("#ddlRegType ").val("Normal");

        $("#ddlRegType ").get(0).value = value;

     

     设置select 选中的text:

    var count=$("#ddlRegType option").length;

      for(var i=0;i<count;i++)  
         {           if($("#ddlRegType ").get(0).options[i].text == text)  
            {  
                $("#ddlRegType ").get(0).options[i].selected = true;  
              
                break;  
            }  
        }

     

    $("#select_id option[text='jQuery']").attr("selected", true);

     

    设置select option项:

     

     $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

     $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

     $("#select_id option:last").remove(); //删除索引值最大的Option

     $("#select_id option[index='0']").remove();//删除索引值为0的Option

     $("#select_id option[value='3']").remove(); //删除值为3的Option

     $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option

     

    清空 Select:

    $("#ddlRegType ").empty();

    转载于:https://www.cnblogs.com/371448009/archive/2011/10/20/2218960.html

    展开全文
  • <div class="layui-input-inline"> <select class="layui-select" name="shop_id" id="shop_id" lay-search> {foreach [''=>'- 选择店铺 -','0'=>'否','1'=>'是'] as $k=>...
  • jquery获取下拉框多选的

    千次阅读 2020-12-01 22:45:07
    select下拉框选中,用jquery获取 $("#selectBox option:selected").val(); 获取多选框的value,使用遍历最简单: $("#selectBox option:selected").each(function () { console.log($(this).val()) })
  • jquery获得下拉框值的代码,方法有多种。获取Select :获取select 选中的 text :$("#ddlRegType").find("option:selected").text();获取select选中的 value:$("#ddlRegType ").val();获取select选中的索引:$("#...
  • 1、下拉框选中值   var birthyear = $("select[name='birthyear']").find('option:selected').val();  或者var value = $("#birthyear").find('option:selected').val();   jsp片段:...
  • 全选之后获取值: html代码: < select multiple = "multiple" style = "width: 350px" id = "sel" > < option selected = "selected" > To Effective option > < option selected = ...
  • $(function(){ //回显 schoolCode 下拉框id ${schoolCode} 后台放作用域里的 $("#schoolCode option").each(function(){ if($(this).val() == '${schoolCode}'){ $(this).attr("selected", true); } }); }); ...
  • Jquery获取select下拉框选中的的

    千次阅读 2017-01-15 16:10:16
    下拉选择框代码如下: js代码如下:FR:海涛高软(QQ技术交流群:386476712)
  • 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码。 jquery获取select选择的文本与 获取select : 获取select 选中的 text :  $("#...
  • PS:JS里面只能用...现在有一id=test的下拉框,怎么拿到选中的那个呢? 分别使用javascript原生的方法和jquery方法    text1   text2    code: 一:javascript原生的方法  1:拿到select对象: var
  • 有一id=test的下拉框,怎么拿到选中的那个呢?本文将采用javascript原生的方法及jquery方法(前提是已经加载了jquery库)来简单实现下
  • 2.JQuery获取下拉框选中值:var address= $("#address").val();说明:"#这里是下拉框框的id"3.JQuery获取下拉框选中的文本$("#address").find("option:selected").text();4....
  • // 选中项目的value $("select option:checked").text(); // 选中项目的显示 2. 示例如下: 1)创建Html元素 请选择: <select id="sel"> <option value="1">选项1</option>...
  • 获取Select :获取select 选中的 text :$("#ddlRegType").find("option:selected").text();获取select选中的 value:$("#ddlRegType ").val();获取select选中的索引:$("#ddlRegType ").get(0).selectedIndex;设置...
  • 1.直接获取下拉框,其实就是第一项的:  &lt;script type="text/javascript" src="jquery-1.7.1.min.js"&gt;&lt;/script&gt;  &lt;script type="text/...
  • 使用jquery获取下拉框选择内容

    千次阅读 2012-11-27 10:31:34
    获取下拉框选择的内容是web开发中经常遇到的功能点,网上这方面的例子很多,例如获取选中的下拉框选项的 $("#ddlRegType").find("option:selected").text(); 但是在新建页面中下拉框中的被载入时,没有选中...
  • JQuery获取select下拉框

    千次阅读 2019-03-11 17:00:55
    获取第一个option的 $('#test option:first').val(); 最后一个option的 $('#test option:last').val(); 获取选中 $('#test').val(); $('#test option:selected').val();
  • jquery 获取下拉框 某个text='xxx'的option的属性 非选中5 jquery 获取下拉框 text='1'的 option 的value 属性我写的var t= $("#selectID option[text='1']).val() ; alert(t);或者 var x=$("#selectID").find(...
  • 本篇文章主要是对jQuery获取(选中)单选,复选框,下拉框中的的实现方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • jquery获得下拉框

    2016-11-03 15:16:00
    获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIn...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 573
精华内容 229
关键字:

jquery获取下拉框选中值