JS/jQuery DropDownList 添加项

最新推荐文章于 2020-07-23 15:42:24 发布

原创最新推荐文章于 2020-07-23 15:42:24 发布 · 5.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #dropdownlist #添加项 #清空dropdownlist

JS/jQuery 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery为DropDownList添加选项。首先通过JavaScript创建并添加Option元素，然后利用jQuery实现批量添加及清空选项的功能。

js为DropDownList 添加项

function addItem()
{
     var tOption = document.createElement("Option");
     tOption.text='text';
     tOption.value='value';
     document.getElementById("DDL1").add(tOption);
}

jQuery为DropDownList 添加项

$('#mySelect').empty();//Clear items
//$('#mySelect').html("");//Also clear items
var myOptions = {
    val1 : 'text1',
    val2 : 'text2'
};
var mySelect = $('#mySelect');
$.each(myOptions, function(val, text) {
    mySelect.append($('<option></option>').val(val).html(text));
});
//var=dropdownlist value, text=dropdownlist text