JQuery ajax填充select

yaofang123

Django端代码

1. notmp = Snapserver.objects.filter(fileid=file_id,hostgroup__icontains=key).values('hostgroup').distinct()
   
2. for ele in notmp:
   
3.         b={}
   
4.         b['hostgroup'] = ele.get('hostgroup')
   
5.         myresult.append(b)
   
6. return HttpResponse(json.dumps(myresult,ensure_ascii=True))

JS响应端的代码

<script type="text/javascript">

$(document).ready(function () {

if(navigator.userAgent.indexOf("MSIE")>0){ 

document.getElementById('alreadysearch').attachEvent("onpropertychange",alreadyajax); 

document.getElementById('nosearchvalue').attachEvent("onpropertychange",noinajax); 

}else { 

document.getElementById('alreadysearch').addEventListener("input",alreadyajax,false); 

document.getElementById('nosearchvalue').addEventListener("input",noinajax,false);

}

});

function ajaxAddOptions(url,target,text) {

target.empty();

$.getJSON(url,function(json){

$(json).each(function(i) {

var x = json[i];

target.append("<option value='" + eval("x."+text)+"'>" + eval("x."+text)+"</option>");

});

});

}

function alreadyajax(){ 

var key = $("#alreadysearch").val();

ajaxAddOptions("/avatar/searhost/in/{{file_id}}/?key="+key, $("#alreadlist"), "hostgroup");  

} 

function noinajax(){ 

var key = $("#nosearchvalue").val();

ajaxAddOptions("/avatar/searhost/no/{{file_id}}/?key="+key, $("#nolist"), "hostgroup");  

} 

</script>

可以自己封装一些常用的JS代码。做成JQuery的插件 ！