[easyUI]select如何动态添加option

最新推荐文章于 2022-06-21 16:59:57 发布

jameskaron

最新推荐文章于 2022-06-21 16:59:57 发布

阅读量521

点赞数

分类专栏：前端文章标签： select options

本文链接：https://blog.csdn.net/jameskaron/article/details/104358225

版权

本文介绍了如何使用EasyUI的select组件动态从JSON数据中加载option选项。通过编写一个API获取以逗号分隔的值，如"abc","123","345"，并将组件初始化放入AJAX块中，确保select能够正确加载并显示这些值。" 133456914,19673271,iPadOS：编程利器，释放iPad Pro潜力,"['iOS', 'iPad', '编程工具', '开发环境', '版本控制']

摘要由CSDN通过智能技术生成

参考:https://www.cnblogs.com/yangxiong/p/6644966.html

Train of thought:

1.Write a API for getting values from json, format like: "abc","123","345"

2.Put the widget init into ajax block

function appendSenderAddress(){
	var url = '../foo.do';	
	$.ajax({
		url : url,
		type : 'GET',
		success : function(data, status){
			if(data == 'Please login first'){
				return;
			}
			var statusCode = data.code;
			if (statusCode == '0') {
				var value = data.foo;
				console.log('value: ' + value)
				var valueList = value.split(",")
				$.each(valueList,function(i,item){
					console.log(i,item)
					$('#value_list').append("<option value='"+item+"'>"+item+"</option>")
				})
				initWidget()
			} else {