将option添加到select框

    var select=document.createElement("select");
    select.setAttribute("class","field size2");

    // 从隐藏的选择框里找选项
    var hideSelect=document.getElementById("hideSelect");
    for(var i=0;i<hideSelect.options.length;i++){
        var op=document.createElement("option");
        op.appendChild(document.createTextNode(hideSelect.options[i].text));// 设置文字
        op.setAttribute("value",hideSelect.options[i].value);// 设置值

        if(descId==hideSelect.options[i].value){
            op.selected = true;// 设置是否选中
        }

        select.appendChild(op);// 将option添加到select框
    }
时间: 2024-10-25 21:54:53

将option添加到select框的相关文章

select框动态添加选项

$.ajax({ url : "${staticServer }/ywgl/zkpzgl/zkfkgl/showBillType.htm", //ajax请求路径 type : "post", //请求方式 data : "", //请求时发送的数据 async:true, //是否异步 dataType : "json", //数据格式 success : function(r){ //访问成功时调用的方法(其中r时是返回的

下拉框&mdash;&mdash;把一个select框中选中内容移到另一个select框中遇到的问题

在使用jQuery实现把一个select框中选中内容移到另一个select框中功能时遇到了一个问题,就是点击按钮时内容可以到另一个select框中,但是到了另一个select框中的内容却很快闪退回原来的select框中,代码如下:                  <select class="select1" name="select1" multiple="multiple">                     <op

浅谈jquery关于select框的取值和赋值

浅谈jquery关于select框的取值和赋值 jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取

jquery关于select框的取值和赋值

jQuery("#select_id").change(function(){}); // 1.为Select添加事件,当选择其中一项时触发 var checkValue = jQuery("#select_id").val(); // 2.获取Select选中项的Value var checkText = jQuery("#select_id :selected").text(); // 3.获取Select选中项的Text var check

Jquery 动态添加option 并给option添加数据,并帮定事件

//添加下拉框 function append_add(data) { $('#add').append( '<div class="form-group" id='+form_group_id+'>' + '<label for="shebeis">起始设备</label>' + '<select id=' + select_id + ' name="shebeis">' + '<optio

[转载]用纯css改变下拉列表select框的默认样式

在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式. 问题的提出 事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计. 一切看起来很好,很正常,直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同!你说:“这没办法做!你应该不会抱怨设计师,其实更改下拉输入的默认样式并不是非常难的! Mobile 和现代浏览器的解决方案 下面是解决方案. 我们看到默认的下载选择框在firefox和chrome中是

用纯css改变下拉列表select框的默认样式(转)

用纯css改变下拉列表select框的默认样式 分享到 分类 JS学习   关键字 前端   发布 kris  2015-04-01 注意 转载须保留原文链接,译文链接,作者译者等信息. 在这篇文章里,我将介绍如何不依赖JavaScript用纯css来改变下拉列表框的样式. 问题的提出 事情是这样的,您的设计师团队向您发送一个新的PSD(Photoshop文档),它是一个新的网站的最终设计. 一切看起来很好,很正常,直到你看到他/她设计的一个选择下拉框跟浏览器默认提供的样式有些不同!你说:“这没

如何在两个级联关系的select框下再append几个(待解决)

今天遇到问题了,在这里标记一下,解决了的话就更新 描述:有行为和操作两个枚举,每个行为有对应的操作,在选择行为之后,就能够选择对应的操作.产品提了个需求,加一个添加按钮,点一次就能在原来的select框下新增第二个行为和操作框,并且也是级联关系.由于js只会一些基本的东西,还没有想到好的解决方法.

select框右移-html

<!DOCTYPE html> <html> <head> <title>checkbox练习</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page&quo