欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

[easyUI]select如何动态添加option

程序员文章站 2022-05-24 15:07:37
...

参考: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 {
				initWidget()
			}
		}
	});

}

 

function initWidget(){
	var valuetElem = new Choices('#value_list', {
        delimiter: ',',
        editItems: true,
        maxItemCount: 5,
        removeItemButton: true,
      });
}

 PS: Must put the widget init into ajax block, if not the widget can't load the values from API

 

相关标签: select options