select初始化操作

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");

猜你喜欢

转载自2560240061.iteye.com/blog/2319712