jquery动态给下拉框select添加option

在jQuery中，可以使用$('<option>')来创建新的<option>元素，并使用.appendTo()方法将其添加到<select>元素中。以下是一个简单的例子：




// 假设你有一个id为'mySelect'的下拉框
var select = $('#mySelect');
 
// 创建新的option元素
var newOption = $('<option>').val('newValue').text('New Option');
 
// 将新的option添加到select中
select.append(newOption);

如果要添加多个选项，可以循环创建并添加：




var select = $('#mySelect');
 
// 添加多个选项
for(var i = 0; i < 5; i++) {
    var newOption = $('<option>').val('value' + i).text('Option ' + i);
    select.append(newOption);
}

这样就可以动态地向下拉框中添加选项了。

jquery动态给下拉框select添加option

评论已关闭

推荐阅读