如何使用jQuery动态创建下拉列表? [英] How to create dropdown list dynamically using jQuery?

问题描述

如何使用jQuery动态创建下拉列表?通过下拉列表，我的意思是一个<select>及其相关的<option>值.

How do you create a dropdown list dynamically using jQuery? By dropdown list, I mean a <select> with its associated <option> values.

推荐答案

就像创建任何元素一样创建元素.

Just create the elements like any element.

示例:

var data = {
    'foo': 'bar',
    'foo2': 'baz'
}


var s = $('<select />');

for(var val in data) {
    $('<option />', {value: val, text: data[val]}).appendTo(s);
}

s.appendTo('body'); // or wherever it should be

这篇关于如何使用jQuery动态创建下拉列表?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！