select初始化操作
子车飞鹏
2023-12-01
select 初始化值,option 的value是id,内容是name
//添加,初始化阈值字典的下拉列表中的值
function initThresholdDictionaryName(){
$.ajax({
'url': $.baseUrl+"/thresholdLevelManager/allThresholdItem",
'type' : 'post',
'contentType' : "application/json",
'success': function(data){
var selector = "#selectDictinaryID,#selectDictinaryID1";
$(selector).empty().append(
"<option value=''>--请选择阈值项名称--</option>");
for (var i in data) {
$(selector).append(
"<option value=\""+data[i]['itemID']+"\">"+data[i]['itemName']+"</option>");
}
},
});
}
调用: initThresholdDictionaryName();
其中data在控制台显示的是一个list,即是一个存放对象的数组,相当于是一个二维数组
[
{
"serviceId":1,"serviceName":"VOIP","serviceSimple":"VOIP",
"summary":"VOIP","createTime":"2016-08-15 18:13:28"
},封装的是一个对象所有的字段
{
"serviceId":2,"serviceName":"IPTV","serviceSimple":"IPTV",
"summary":"", "createTime":"2016-08-01 11:24:23"
},封装的是一个对象所有的字段
]
在对data进行遍历:
i 是每一对象,data 是二维数组
for(var i in data){
data[i]['itemID']:获取的是每一个对象中字段是itemID的值
data[i]['itemName']:获取的是每一对象中字段是itemName 的值。
}
在引号中追加标签时应注意的点:
(1)、正常的<option value="">内容</option>
(2)、遇到双引号需要进行\进行转换
<option value=\"\">
Value中是变量时需要使用"+变量+"
即: <option value=\""+data[i]+"\">
变量中有常量时需要将双引号变成单引号
即: <option value=\""+data[i]['itemID']+"\">
(3)、option的内容是变量时,需要"+内容变量+"
即<optionvalue=\""+data[i]['itemID']+"\">"+data[i]['itemName']+"</option>
Select 另外一种初始方式:
//初始化添加下拉列表中的业务名称
function initServiceName(selector){
$.ajax({
'url':$.baseUrl+"/service/allServices",
'contentType':"application/json",
'type':"post",
'success': function(data){
$(selector).empty().append("<option value=\"\">"+"选择业务名称"+"</option>");
for (var i in data) { $(selector).append("<option value=\""+data[i]['serviceId']+"\">"+data[i]['serviceName']+"</option>");
}
$("#searchServiceSelect").val(t);
},
});
}
调用: initServiceName("#searchServiceSelect");