$("#test").on("focusin",function(){ CreateDom(); var AllValue = ""; $("#filter").on("change",function(){ sValue = this.value;//获取value //alert("changel "+sValue); AllValue += sValue+";"; $("#test").attr("value",AllValue); this.value = ""; }); }); $("#test").on("focusout",function(){ }); function CreateDom(){ var input = $("#test").after("<input id='filter' list='browsers' name='browser' ><datalist id='browsers'></datalist>"); // 这里就是 json的解析形式 $.getJSON("test.json", function (data) { //data就是json对象了,不需要再转换 // alert('a:'+$(data.items).size());//把js对象转化成Jqury var data1 = $(data.items); //alert(data1); $.each(data1,function(infoIndex,info){ //alert(infoIndex+":"+info.owner); //textContent = info.name + ':' + info.owner + ',' + info.business; if(info.business == "" && info.owner == ""){ $("<option value="+info.name+">").appendTo($("#browsers")); }else{ $("<option value="+info.name + ':' + info.owner + ',' + info.business+">").appendTo($("#browsers")); } }) /*var parsedJson = jQuery.parseJSON(data); alert('a:'+parsedJson.identifier);*/ }); /*var option1 = $("<option value='1111111:Kummala Pia,CFO CC CFSS SAS Externals FI'>").appendTo($("#browsers")); var option2 = $("<option value='1191055:Haljala Johanna Maaria,GS GSD P&A Service Labs FI'>").appendTo($("#browsers")); var option3 = $("<option value='Inter3'>").appendTo($("#browsers")); for(var i=0;i<1000;i++) { $("<option value='Inter'"+i+">").appendTo($("#browsers")); }*/ //如果哪个值选择到了加载到Test中 }
------------------------------------------------------
PS:
1.如果遇到 Jquery 会自动转为js 尤其是在数组 遍历的时候