精华内容
下载资源
问答
  • js select 增加option

    2014-07-15 10:08:52
     options+="<option value="+array[i]+">"+array[i]+"</option>\n";  // alert(options);    }  document.getElementById("t1").innerHTML=options;  }      <select id="t1" ...
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function getTest(){

       var array=[1,2,3];
       var options="";
       for(var i in array){
          options+="<option value="+array[i]+">"+array[i]+"</option>\n";
         // alert(options);
        
       }
        document.getElementById("t1").innerHTML=options;
       }
       
     
    </script>
    </head>

    <body>
      <select id="t1" name="t1" οnclick="getTest()">
           
        </select>


    </body>
    </html>

    展开全文
  • 下面小编就为大家分享一篇layui select动态添加option的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • JS:给select添加option选项

    千次阅读 2018-06-14 12:37:10
    今天遇到一个问题,就是动态添加option到slect里面在ie6不成功: &lt;script&gt; var shosetype=document.createElement("selec
    原文地址为:
    JS:给select添加option选项
    

    今天遇到一个问题,就是动态添加option到slect里面在ie6不成功:

    <script>
    var shosetype=document.createElement("select");    
    shosetype.setAttribute("id","sc");
    document.body.appendChild(shosetype);
    var option="<option value=\"1\">添加成功</option>";
    shosetype.innerHTML=option; </script>

    应该是innerHTML的问题,

    把:

    shosetype.innerHTML=option;

    改为:
    shosetype.options.add(new Option("1","添加成功"));
    就能得到效果:


    转载请注明本文地址: JS:给select添加option选项
    展开全文
  • 使用jQuery来执行select追加option操作

    千次阅读 2018-12-21 23:42:23
    问题:又一次见到这个select追加option,点击多次会一直追加到select下,这里提供一个很有效的方法可以解决这个常见的问题,好啦,这里就不加多说了,直接贴代码,简单直接! &lt;div class="form-group&...

      问题:又一次见到这个select追加option,点击多次会一直追加到select下,这里提供一个很有效的方法可以解决这个常见的问题,好啦,这里就不加多说了,直接贴代码,简单直接!

      <div class="form-group">
                <label class="col-sm-3 control-label">岗位:</label>
                <div class="col-sm-8">
                    <select id="post" name="post" class="form-control select2-hidden-accessible" multiple="">
                    </select>
    
                </div>
            </div>
     function doSubmit(index, layero) {
            var tree = layero.find("iframe")[0].contentWindow.$._tree;
            if ($.tree.notAllowParents(tree)) {
                var body = layer.getChildFrame('body', index);
                $("#treeId").val(body.find('#treeId').val());
                $("#treeName").val(body.find('#treeName').val());
                console.log("treeId="+body.find('#treeId').val())
    
                //请求后台查询对应部门的岗位有哪些
                $.ajax({
                    type: "POST",
                    url: ctx + "system/post/selectPosts",
                    data: {
                        "deptId": body.find('#treeId').val(),
                    },
                    async: false,
                    error: function (request) {
                        $.modal.alertError("系统错误");
                    },
                    success: function (data) {
                        $("#post").empty()
                        $.each(data,function(index,item){
                            var opt=$("<option value="+item.postId+">"+item.postName+"</option>")
                            $("#post").append(opt)
                        });
                        layer.close(index);
                    }
                })
                layer.close(index);
            }
        }

    ☛上述js中的$("#post").empty()这个方法很好用或者我们也可以将options的长度设置成为0也可以,另一种方法我这里没有贴出来,亲们自己去动手试试吧!

    展开全文
  • 本文实例讲述了jQuery增加、删除及修改select option的方法。分享给大家供大家参考,具体如下: jQuery获取Select选择的Text和Value: 1. //获取Select选择的Text var checkText=jQuery("#select_id").find("option:...
  • jquery为select添加option的代码探讨

    千次阅读 2017-04-24 18:00:17
    jquery为select添加option的代码探讨 A-A+ 前端博客•前端开发代码•jQuery | jquery代码•7792View 1这是一道讨论“使用jQuery为select添加option选项的最佳代码方法”。分析哪一种的写法是最佳方法。在...

    jquery为select添加option的代码探讨

    这是一道讨论“使用jQuery为select添加option选项的最佳代码方法”。分析哪一种的写法是最佳方法。在stackoverflow上众说纷纷,下面来看看有哪些写法。

    第一种使用for循环

    
    var selectValues = { "1": "test 1", "2": "test 2" };
    
    for (key in selectValues) {
        if (typeof (selectValues[key]) == 'string') {
            $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>');
        }
    }

    第二种使用append

    $.each(selectValues, function(key, value) {
        $('#mySelect')
        .append($('<option>', { value : key })
        .text(value));
    });

    第三种同样是append,使用了链式写法,可能比上面还慢

    $.each(selectValues, function(key, value) {
        $('#mySelect')
        .append($("<option></option>")
        .attr("value",key)
        .text(value));
    });
    

    第四种使用了push+join的方法,据说是最快的一种方法

    var output = [];
    
    $.each(selectValues, function(key, value)
    {
        output.push('<option value="'+ key +'">'+ value +'</option>');
    });
    
    $('#mySelect').html(output.join(''));

    第五种同时是append,不过把内容作为一个JSON的格式添加。可能比第二种快点。

    $.each(selectValues, function(key, value) {
        $('#mySelect').append($("<option/>", {
        value: key,
        text: value
        }));
    });

    综合:可以使用第四种,速度比较快。或者使用第五种,清晰明了。

    地址
    http://caibaojian.com/add-option-to-select-width-jquery.html

    展开全文
  • 微信小程序开发交流qq群 173683895 承接微信小程序开发。...select class="form-control selectpicker" name="college" id="eq_num" data-actions-box="true" data-live-search="true" data-live-search-pla...
  • js添加selectoption

    千次阅读 2018-05-11 19:54:00
    1、js代码 ...option value="+value的值+">"+内容+"</option>"); 2、jsp <select id="year"></select>   转载于:https://www.cnblogs.com/pecool/p/9026392.htm...
  • 原生JS给SELECT添加OPTION选项

    千次阅读 2018-04-05 09:47:05
    var cateList = eval(ajaxResult);... for(var idx in cateList) { var option = document.createElement("option"); option.value = cateList[idx].id; option.innerHTML ...
  • //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=$(“#select_id”).val(); //获取Select选择的Value var ...
  • layui select动态添加option

    千次阅读 2018-04-26 09:54:16
    //为select添加option $( "#zcySelect" ).append( "<option value=" +sIndex+ ">" +ivalue+ "</option>" ); renderForm(); //表单重新渲染,要不然添加完显示不出来新的option layer.close(index); } $...
  • js相关:layui select动态添加option的实例发布于 2020-6-24|复制链接下面小妖就为大家分享一篇layui select动态添加option的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小妖过来看看吧html```xhtml...
  • 下午在使用bootstrap给select添加option元素时,时用js动态生成的,发现怎么都生成不了,于是F12查看 select里面是添加起了,实际展示的不是用的这个select 而是下面那个div里面的内容。这个时候就需要强制刷新...
  • jquery遍历每一个select并删除指定的option
  • selectoption增加、删除

    千次阅读 2018-07-12 14:35:33
    1.增加$('#id').append("&lt;option value= " + keyValue + "&gt;" + keyName + "&.../option&...#select_id option:last"...#select_id option[index='0'
  • var uniquenessQualitativeTypeId=document.getElementById("uniquenessQualitativeType");... var opation = new Option(); opation.value=attdefObjectNameId; opation.text=attdefObjectName; unique
  • 下面是JS部分: //XX数组,例如var XX=['中国,'外国','广西','北海','南宁','循环数组'];....selectpicker&quot;).append('&amp;lt;option&amp;gt;'+XX[i]+'&amp;lt;/option&amp;gt;')
  • layui中selectoption叠加问题

    千次阅读 2020-12-20 10:05:20
    在使用layui,在select的地方遇到了坑,select里的值居然无法清空,select里的option还有叠加问题,为了解决这个问题,也达到我的功能,我研究了下,让有同样需求的小伙伴不踩坑,特贴上我的源码:layui-下拉框联动...
  • 事例:是从网上搜的,参考下  //清空select  document.getElementById("city").options.length=0;... //添加SELECT 这个地方... document.getElementById("city").options.add(new Option("宣武区","1"));
  • 如何用JQuery向select标签中添加option

    万次阅读 2017-04-01 12:16:26
    1、根据id获取select的jquery对象1var ...//根据id获取select的jquery对象2、往select中添加option1selDom.append("&lt;option value='值1'&gt;值1&lt;/option&gt;");//添加option ...
  • selectname.add(new Option(pd[1], pd[0])); 更改为: var obj=document.getElementById("select标签的ID值"); obj.options[obj.options.length]=new Option(pd[1], pd[0]); //pd[1],pd[0] ...
  • select2动态添加option

    千次阅读 2019-06-20 17:21:16
    select2动态添加option背景html原来的实现javascirpt实现后端接口返回取值修改后javascript...的形式获取option的value,为了统一代码风格,需要把请求接口返回的结果以optin的形式动态添加到select2组件上。 htm...
  • js中可以动态的给select添加option,下面来看看常用的两种方法 一、通过appendchild来动态添加option 二、通过options.add(string,value)添加option
  • js 操作selectoption常见用法

    千次阅读 2019-02-22 23:17:15
    select id="mySelect"&gt; &lt;option value="1"&gt;one&lt;/option&gt; &lt;option value="2"&gt;two&lt;/option&gt; &lt;option value=&...
  • 在Layui里面给了特定几个...select name="aa" lay-filter="selectClassify"> <option value="">请选择分类</option> <option v-for="x in classifyList":value="x.id" :title="x.name" :...
  • antd select.option选项加入额外属性

    千次阅读 2020-12-05 17:34:56
    Select.Option value={1} extraData={101}>选项1</Select.Option> <Select.Option value={2} extraData={102}>选项2</Select.Option> <Select.Option value={3} extraData={103}>选项3...
  • js实现select动态添加option

    千次阅读 2012-11-26 13:40:24
    关于 select 的添加 option 应该注意的问题。 标准的做法如上也就是说,标准的做法是 s.options.add();但是如果你一定要用 s.appendChild(option);注意了,你只能用如下两种方式之一:1. s.appendChild(option); ...
  • 忽然发现,游戏并没有那么好玩,真正好玩的是什么? 人心。 而如何避免别人玩弄你的心,那就是让别人不敢玩弄你的心,代价是付不起的。...员工姓名是一个select的集合选项, 选择一个员工姓名,然...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 78,005
精华内容 31,202
关键字:

select增加option