用JavaScript往select元素中添加new option下拉选项

栏目: JavaScript · 发布时间: 7年前

内容简介：新建option对象，appendChild使用options的add方法：jQuery更简洁的写法：

方法一：用原生JavaScript创建

新建option对象，appendChild

select = document.getElementById('selectElementId');
var opt = document.createElement('option');
opt.value = value;
opt.innerHTML = innerHTML;
select.appendChild(opt);

使用options的add方法：

var obj=document.getElementById("select1");
obj.options.add(new Option(text,value));

方法二：jquery添加

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

jQuery更简洁的写法：

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

以上所述就是小编给大家介绍的《用JavaScript往select元素中添加new option下拉选项》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

JAVA语言规范(英文版,第3版)

戈斯林 / 机械工业 / 2006-4 / 79.00元

本书由“java之父”Jame Gosling 以及另外三位顶级大师撰写而成，无论是对java语言的初学者还是专业程序员都具有极高的价值，是关于java程序设计语言最权威的技术参考书。　　本书侧重于java技术细节和内幕，全面，准确，详尽地介绍了java语言及其语法，论述了java编译器所要检查的语法和java运行模式的各个方面，同时还描述了java语言最重要的新特征。一起来看看《JAVA语言规范(英文版,第3版)》这本书的介绍吧!

码农工具