精华内容
下载资源
问答
  • 怎么获取下拉列表的值
    千次阅读
    2021-06-11 17:33:51

    分别使用javascript原生的方法和jquery方法

    text1

    text2

    code:

    一:javascript原生的方法

    1:拿到select对象: var myselect=document.getElementById("test");

    2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是所选中项的index

    3:拿到选中项options的value: myselect.options[index].value;

    4:拿到选中项options的text: myselect.options[index].text;

    二:jquery方法(前提是已经加载了jquery库)

    1:var options=$("#test option:selected"); //获取选中的项

    2:alert(options.val()); //拿到选中项的值

    3:alert(options.text()); //拿到选中项的文本

    原文:https://www.cnblogs.com/jack-yc/p/9068230.html

    更多相关内容
  • 博文链接:https://jacky68147527.iteye.com/blog/230139
  • 比如,在使用DWR的时候,如果你想传递下拉框的参数到后台的话,此时就需要先获取到下拉框的了。 其实想要获取到下拉框的是很简单的。 最关键的一段代码就是: 代码如下: onchange=”show(this.options[this....
  • 在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的的时候,例如想获得”value”>ShowText中”ShowText”,我们该如何获取呢?方法很简单,具体代码如下: ...
  • AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,...下面介绍两种动态加载DropDownList的方法。第一种:View层$(document).ready(function() {showFuncId();}function showFuncId(){...

    AJAX 是一种用于创建快速动态网页的技术。

    通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,用户体验非常好。

    下面介绍两种动态加载DropDownList值的方法。

    第一种:

    View层

    $(document).ready(function() {

    showFuncId();

    }

    function showFuncId(){

    $(‘#funcNum‘).empty();

    var ciValue = $(‘#funcNum‘);

    ciValue.append(‘Pls Select‘);

    $.ajax({

    url : u, //your actual url

    type : ‘post‘,

    dataType : ‘json‘,

    success : function (opts) {

    if (opts && opts.length > 0) {

    var html = [];

    for (var i = 0; i < opts.length; i++) {

    html.push(‘‘+opts[i].desc+‘‘);

    }

    ciValue.append(html.join(‘‘));

    }

    }

    });

    }

    Controller层

    response.setContentType("application/json");

    response.setCharacterEncoding("utf-8");

    PrintWriter writer = response.getWriter();

    net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here

    writer.append(array.toString());

    return null;

    第二种:

    View层

    $(function(){

    $.ajax({

    type: ‘POST‘,

    url:url;//your actual url

    dataType: ‘json‘,

    cache: false,

    async:false,

    success:function(data) {

    $(‘#funcNum‘).get(0).options.length = 0;

    $(‘#funcNum‘).append(‘Pls Select‘);

    $.each(data, function(i, obj) {

    var option = $(‘‘);

    option.val(obj.id);

    option.text(obj.desc);

    $(‘#funcNum‘).append(option);

    });

    },

    error: function() {

    alert("Error while getting vehicle type results");

    }

    });

    });

    Controller层

    response.setContentType("application/json");

    response.setCharacterEncoding("utf-8");

    PrintWriter writer = response.getWriter();

    net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here

    writer.append(array.toString());

    return null;

    展开全文
  • 在用jquery获取下拉列表ddl的时返回的为字符串‘null’,而不是空值,结果导致获取的参数不对; 即使在后台判断了其非空,但还是导致了错误(比如拼凑SQL时将null拼进去了)。 下面我们来分析下: 第一种情况: ...
  • 本篇文章主要是对js获取下拉列表框中的value和text的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
  • jQuery获取下拉菜单列表

    千次阅读 2021-04-22 15:41:37
    在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的。 在jQuery中,我们通过使用.val()方法获得下拉列表的选定。.val()方法主要用于获取表单元素的,例如input,select和...

    在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值。 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值。 .val()方法主要用于获取表单元素的值,例如inputselecttextarea

    描述:获取匹配元素集中第一个元素的当前值。

     jQuery获取下拉菜单列表选定值

    jQuery获取下拉菜单列表选定值

    下面是实例分析。

    引用jQuery库文件

    在HTML代码前面需要引用jQuery库文件,你可以把jQuery库文件下载到本地服务器进行调用,也可以直接使用第三方提供的公共库文件,这里推荐使用百度的jQuery库文件。

    • <head>
      <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
      </head>

    HTML

    这里我们有一个select下拉列表控件和一个button按钮标签,所以我们的HTML如下所示:

    • <select id="myDlist">
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">three</option>
        <option value="4">four</option>
      </select>
      <button id="btn">Click me</button>

    jQuery

    这里使用.val()方法,我们得到下拉列表选定值。

    代码1:

    • $('#myDlist option:selected').val();

    代码2:

    • $('#myDlist').val();

    上面两种代码都可以获得下拉菜单列表的选定值,不过第2种方法更加简洁。

    完整的HTML代码

    •  
    • <html>
      <head>
        <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
      </head>
      <body>
      </br>

      <select id="myDlist">
        <option value="1">one</option>
        <option value="2">two</option>
        <option value="3">three</option>
        <option value="4">four</option>
      </select>
      <button id="btn">Click me</button>

      <script type="text/javascript">
      $("#btn").on('click',function(){ 
        //console.log($('#myDlist option:selected').val()); 
        console.log($('#myDlist').val());
      });
      </script>

      </body>
      </html>

    http://www.webkaka.com/tutorial/js/2019/050544/

     

    jquery获取select下拉框的前一个,后一个,第一个,最后一个option对象

    $("select option:selected").next();
    
    <select>
        <option value="1" selected="selected">a</option>
        <option value="2">b</option>
        <option value="3">c</option>
    </select>
      <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
      <script>
        $(function() {
            $("select").change(function(event) {
                var obj = $(this).find("option:selected").next();
                alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val());
            });
              
        }) 
    </script>

     

     

     

     

     

    //select 当前当前选中的最后一个 option对象
    var aucNum=$("#secOrderNum option:selected").text();
    var aucNumLast=$("#secOrderNum option:last-child").text();
    
    //select 当前当前选中的后一个 option对象
    aucNum = $("#secOrderNum").find("option:selected").next().text();

     

     

     

     

     

    //select 当前当前选中的第一个 option对象
    var aucNum=$("#secOrderNum option:selected").text();
    var aucNumFirst=$("#secOrderNum option:first-child").text();
    
    
    //select 当前当前选中的前一个 option对象
    
    aucNum = $("#secOrderNum").find("option:selected").prev().text();
    
    

     

    https://www.cnblogs.com/mr-wuxiansheng/p/6735023.html

     

    展开全文
  • php 获取select下拉列表框

    千次阅读 2021-05-06 01:00:33
    php 获取select下拉列表框发布于 2014-11-04 16:55:38 | 267 次阅读 | 评论: 0 | 来源: 网友投递PHP开源脚本语言PHP(外文名: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。...

    php 获取select下拉列表框的值

    发布于 2014-11-04 16:55:38 | 267 次阅读 | 评论: 0 | 来源: 网友投递

    PHP开源脚本语言PHP(外文名: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,入门门槛较低,易于学习,使用广泛,主要适用于Web开发领域。PHP的文件后缀名为php。

    本文为大家讲解的是php 如何获取select下拉列表框的值,感兴趣的同学参考下。

    php 如何取得select下拉列表框的值,其实就是需要设置下name属性获取下即可。

    给select 表单无素一个名字。

    表单提交后 用 $_POST 或 $_GET 方式提交

    $_POST['sel']或者$_GET['sel']获得选中的select的value值

    if( $_POST )

    {

    echo $_POST['select'];

    }

    ?>

    select下拉列表框的值

    PHPERZ

    值一

    PHPERZ

    select下拉列表框的值

    PHPERZ

    值一

    PHPERZ

    值一

    select下拉列表框的值WEB第一站

    值一

    PHPERZ

    值一

    中国select下拉列表框的值

    值一

    PHPERZ

    select下拉列表框的值

    PHPERZ

    需要设置name的值。否则无法传递。

    相关阅读:

    php 获取select下拉列表框的值

    php使用数组填充下拉列表框的方法

    php实现递归无限分类生成下拉列表的函数

    php数组生成html下拉列表的方法

    PHP入门之表单操作 获取文本框的值

    PHP 获取目录下的图片并随机显示的代码

    PHP获取客户端真实IP地址的5种情况分析

    PHP获取时间排除周六、周日的两个方法

    PHP获取中英混合字符串长度的方法

    php获取中文拼音首字母类的应用示例

    用PHP实现弹出消息提示框的两种方法

    php获取$_POST同名参数数组的方法

    展开全文
  • 主要介绍了js获取下拉列表和元素个数示例,需要的朋友可以参考下
  • 需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,下面与大家分享下如何使用js获取下拉列表框文本,由此需求的朋友可以参考下
  • 在我的Page_Init方法中,我创建了1个checkboxlist(填充了项目)和几个下拉列表等于checkboxlist中的项目数量(6checkboxlistitems - > 6下拉列表) .两个项目下拉列表都与数据有关(项目代表一周中的每一天,下拉列表...
  • 获取下拉列表</title> </head> <body> <script type="text/javascript"> window.onload=function(){ var slt=document.getElementById("slt") slt.onchange=function().
  • 今天遇到一个贼蛋碎的问题: 1、我从 一个下拉列表select中单击事件,获取options的value 代码如下: var product_id = $(this).val() console.log出来是发现是个数组,如:[“51”] 然后做了如下判断 代码如下: ...
  • layui 下拉列表框获取值

    千次阅读 2019-03-14 09:43:51
    //刷新表单select选择渲染 } } }); 编辑时: <div class="layui-form-item"> <label class="layui-form-label"><em class="require-mark">*嗯嗯</label> <div class="layui-input-block"> 嗯嗯" value=...
  • //这边就可以获得选取的option的value  if(cusIdvalue=="" ||cusIdvalue==null){  $("#address1").val("");  $("#phone1").val("");  }  //alert(cusIdvalue+">>>>");  $.ajax({ ...
  • 这是javascript获取下拉菜单选中的和文本的技术文档
  • 这篇文章主要为大家详细介绍了php 获取select下拉列表框值的简单示例,具有一定的参考价值,可以用来参考一下。感兴趣的小伙伴,下面一起跟随512笔记的小编小韵来看看吧!给select 表单无素一个名字。表单提交后 用 ...
  • Java Poi获取Excel下拉列表值

    万次阅读 2018-05-16 14:20:16
    如下图所示,需要获取第一行、第一列单元格下拉列表值: 1.添加poi所需依赖包 &lt;dependency&gt; &lt;groupId&gt;org.apache.poi&lt;/groupId&gt; &lt;artifactId&gt;poi&...
  • 本篇文章主要是对JS,Jquery获取select,dropdownlist,checkbox下拉列表框(示例代码)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 82,836
精华内容 33,134
关键字:

怎么获取下拉列表的值