JQuery动态加载select下拉列表添加option数据代码参考
// 假设我们有一个空的select元素
<select id="mySelect"></select>
// 使用jQuery动态添加option
$.ajax({
url: 'your-data-source.php', // 数据源URL
type: 'GET', // 请求方法
dataType: 'json', // 预期服务器返回的数据类型
success: function(data) {
// 假设返回的数据是一个对象数组，每个对象包含id和name属性
var select = $('#mySelect');
$.each(data, function(key, value) {
select.append($('<option></option>').attr('value', value.id).text(value.name));
});
}
});这段代码展示了如何使用jQuery和AJAX从服务器获取数据，并动态地将这些数据作为option元素添加到select元素中。这是一个常见的模式，对于需要从服务器获取数据并动态更新表单元素的场景非常有用。
评论已关闭