如何使用jQuery动态创建下拉列表?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery动态创建下拉列表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用jQuery动态创建下拉列表?按下拉列表,我的意思是< select>与其相关联的< option>值。

解决方法

只需创建像任何元素的元素。

例:

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相关文章