精华内容
下载资源
问答
  • 比如前台有多个下拉框,每个下拉框都有“全部”和其它选项,这样根据下拉框选择的值去筛选一个List,就...除了先判断某个下拉框的值是否为全部再根据没选择“全部”的下拉框值去筛选list,还有什么好的建议或者方法吗?
  • 如果只是想判断是否有选中的话还可以通过document.querySelector('select').selectedIndex, 这个属性是一个数字,表明第一个被选中的值的索引, 所以如果返回为-1说明没有option被选中. 如果select添加了multiple属性...

    下拉框一般都是单选的, 所以直接通过document.querySelector('select').value就可以知道选中的值了.

    如果只是想判断是否有选中的话还可以通过document.querySelector('select').selectedIndex, 这个属性是一个数字,表明第一个被选中的值的索引, 所以如果返回为-1说明没有option被选中.

    如果select添加了multiple属性, 那么可以通过Shift或Ctrl像操作文件一样操作select的选项来多选.

    获取多选下拉框的值不能用document.querySelector('select').value, 这个value只会返回第一个被选中的option的值,  document.querySelector('select').selectedIndex也只会返回第一个被选中的option的索引

    想要获取多选下拉框的值只能通过遍历每个option的selected属性来判断该option是否被选中

    <select multiple>
        <option>A</option>
        <option>B</option>
        <option>C</option>
    </select>
    // 第一种
    var options = document.querySelectorAll('select option');
    function getSelected() {
        // 使用闭包将选中的值返回
        var arr = [];
        for(var i = 0, len = options.length; i < len; i++) {
            if(options[i].selected) {
                arr.push(options[i].value);
            }
        }
        return arr;
    }
    // values 就是选中的值的集合
    var values = getSelected();
    console.log(values);
    values = null;
    
    // 第二种
    // selectedOptions已经包含了所有被选中的option
    var selectedOptions = document.querySelector('select').selectedOptions;
    for(let i = 0, len = selectedOptions.length; i < len; i++) {
        console.log(selectedOptions[i].selected); // 必定是true
        console.log(selectedOptions[i].value);  // 选中的option的值
    }

     

    展开全文
  • window.alert('请选择要上传文件'); return false; } document.BulkMonitorForm.submit(); } ;"> <option value="Node" selected="selected" >--选择类型-- 服务器 要上传文件: 下一步" ...
  • 下拉框按钮 select 的change $(“input[type=radio][name=school][value=8]“).attr(“checked”,’checked’); 使单选框选中$('#Select').change(function(){ alert($(this).... 下拉框选中的对象获取其 ...
    下拉框按钮  select 的change 
    
    
    $(“input[type=radio][name=school][value=8]“).attr(“checked”,’checked’);  使单选框选中

    $('#Select').change(function(){ 
    alert($(this).children('option:selected').val()); 下拉框选中的对象获取其值
    alert($(this).children('option:selected').attr("id")); 下拉框选中的对象获取其ID
     
    展开全文
  • 多个select下拉框,选中当前某一项,其他下拉框去掉选中的值 开发工具与关键技术:DW、JavaScript 作者:刘东标 ...第一种情况:首先判断上一次选中的值oldvalue是否为零,如果为零的话,执行else...

    多个select下拉框,选中当前某一项,其他下拉框去掉选中的值

    开发工具与关键技术:DW、JavaScript
    作者:刘东标
    撰写时间:2019-03-06
    效果图片:
    在这里插入图片描述
    具体内容:(详细到每一步操作。)
    1、多个select下拉框,选中当前某一项,其他下拉框去掉选中的值
    方法一:
    在这里插入图片描述

    通过change改变事件来获取选中的值,
    第一种情况:首先判断上一次选中的值oldvalue是否为零,如果为零的话,执行else,在每一个当前选中的值option外面添加other标签,更新声明的值,if再判断多个select下拉框,选中当前某一项是否有value =0的值,有的话return false,没有的话,在每一个当前选中的值option外面移除other标签的oldvalue。
    第二种情况:首先判断上一次选中的值oldvalue是否为零,如果不为零的话,执行if,判断当前选中的值currentvalue是否为零,如果为零的话,执行if, 再判断多个select下拉框,选中当前某一项有value =0的值,在每一个当前选中的值option外面移除other标签的oldvalue,更新声明的值, return false。
    第三种情况:首先判断上一次选中的值oldvalue是否为零,如果不为零的话,执行if,判断当前选中的值currentvalue是否为零,如果不为零的话,执行else, 在每一个当前选中的值option外面添加other标签的currentvalue,在每一个当前选中的值option外面移除other标签的oldvalue。 if再判断多个select下拉框,选中当前某一项是否有value =0的值,有的话return false,没有的话,在每一个当前选中的值option[value=0]外面移除other标签的oldvalue。
    在这里插入图片描述

    方法二:


    通过change改变事件来获取选中的值_thisVal,
    $(this).parent().siblings(“p”).find(“option[value=”+_thisVal+"]").hide();
    将同类p标签的选中的值_thisVal隐藏
    将同类p标签的oldVal值隐藏
    更新声明的值

    展开全文
  • js取得多选下拉框选中的多个

    千次阅读 2017-12-28 16:10:02
    方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中的值。实例演示如下: 1、HTML结构 1 2 3 4 5 6 7 ...

    方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中项的值。实例演示如下:

    1、HTML结构

    1
    2
    3
    4
    5
    6
    7
    <select id="test" multiple="true">
        <option value="option-A">option-A</option>  
        <option value="option-B">option-B</option>
        <option value="option-C">option-C</option
        <option value="option-D">option-D</option>
    </select>
    <input type="button" value="确定" onclick="fun()" />

    2、javascript代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    function fun(){
        var select = document.getElementById("test");
        var str = [];
        for(i=0;i<select.length;i++){
            if(select.options[i].selected){
                str.push(select[i].value);
            }
        }
        alert(str);
    }

    3、效果演示

    展开全文
  • 方法:获取多选下拉框对象数组→循环判断option选项的selected属性(true为选中,false为未选中)→使用value属性取出选中的值。实例演示如下: 1、HTML结构 1 2 3 4 5 6 7 <selectid=...
  • 首先你通过getElementById或其它方式获得这些对象obj,然后判断obj.checked = true或false就可以了. 例: … function testClickBigCheckBox(){ var big = document.getElementById(‘bigclassauthorize’); var ...
  • 1 name = $(this).attr("title"); 2 if(typeof(name) == 'undefined'){ 3 alert(1); 4 } typeof 函数 ...1 radio 被选中的值 2 var required100 = $(".required100:checked").val(); 3 ...
  • 我们经常会从后台传递一组数据,这一组数据需要放到一个select下拉框中,并且要判断是否要选中其中某一个 错误做法是 <select >  <option selected="${value.week==1?'selected' :''}>周一</...
  • 选中指定。 用户点击修改 该select进行已有回显。有两种解决方法 一、js中获取用户该swig_dmSelect,本例中是从action中获取 js获取所有option,然后遍历进行判断。 String swjg_dmSele
  • var obj = document.getElementById('TcElement_BDB_WinbidInstance'); //selectid var index = obj.selectedIndex; // 选中索引 //var text = obj.options[index].text; // 选中文本 var value = obj...
  • 我们将值传到后台之后还要通过view.addobject在后台将值再次...取出来之后我们判断这个有没有值,这个值就是我们需要回显选中的那个值,通过for循环把下拉框的值与你返回的只进行对比如果他们两个相等就给它选中状...
  • 前景:下拉列表和要选中的下拉项都是通过后台传过来的本人用字符串拼接很low的方法实现; 一 给下拉框加一个默认的option 放在第一个类似于“无”或者“请选择”; 二 把后台返回值放到 option 的一个自定义属性中...
  • 根据select下拉框值判断验证条件

    千次阅读 2019-09-26 20:01:42
    根据select下拉框判断当前选中的是哪个区域,并且判断当前选中区域里面的值是否为空,如果为空,则弹出弹框提示,请输入xx区域名称,以下只是一个小demo,随手复制黏贴到代码里面,能看的更加明白。 <!...
  • 前言:心电图是每一位医学生和临床工作者都应该掌握最基本检查技术之一,尽管我们在医学院校中学过并理解了心电图,但在实际应用中还是经常会感到困惑,尤其是我们这些实习生、规培生和低年资医生。首先我们要真正...
  • 另外,如果输入文字和下拉框某一条选项完全相同,而且只有一条选项相同时(注意,这里不能是模糊,必须完全一致),该条选项将被默认选中。 这种输入文字的下拉框带来方便同时也会带来问题:即使输入...
  • 遍历select下拉框的值 问题:想判断如果传入的值operaVal等于下拉框的某一项的值,则设置这行为选中。 方法:1.先得到select框的所有值 js: var obj = document.getElementById('operationGrade'); ...
  • 是这样的,有两个控件,一个是ComboBox一个是TextBox,例如说,ComboBox...我想在文本框TextBox里面输入数据(A01或者是B01、C01、D01.......),怎么判断输入的数值是否存在下拉框选中的(A)选项里面的值(A01)?
  • js/jquery遍历select下拉框的值

    千次阅读 2014-09-23 10:44:15
     问题:想判断如果传入的值operaVal等于下拉框的某一项的值,则设置这行为选中。  方法:1.先得到select框的所有值  js得到: var obj = document.getElementById('operationGrade'); operationGrade为select...
  • “电”对于我们生活,已经是一种不可或缺能源。“漏电”是用电器外壳和市电火线间由于某种原因连通后和地之间有一定电位差产生。...)常规检测漏电方法:(1)通过漏电火灾报警系统来实现阀报警...
  • 如图所示,如果我们需要获取select的当前选中项,直接用on-change事件直接返回就行,但有些情况下,我们需要获取上一次选中的值来做一些判断: <Row> <Col :span="12"> <FormItem label="类型">...
  • 一开始看到的时候不是很理解他的意思,提交的时候判断一下把获取选中的值赋值为空不就好啦。难道还有什么深意? 不过这样是不是有点麻烦或者有点太low啊,想着的时候,群里的大神来了一句设置属性disabled=...
  • 刚在使用option对象text 和value中出现...1.这个是对下拉框数值和被选中值得判断 $(document).ready(function() {for ( var i = 0; i < $("#sysDep option").length; i++) {if ($("#sysDep ").get(0).opt...

空空如也

空空如也

1 2 3 4 5 6
收藏数 104
精华内容 41
关键字:

判断下拉框选中的值