首页 > 代码库 > jquery json遍历和动态绑定事件
jquery json遍历和动态绑定事件
<div id=‘tmpselectorList‘ style=‘border: 1px solid grey;max-height: 150px;position:absolute;text-align: left; overflow: auto;background:white;width:153px;‘> </div>
<script type="text/javascript">$(document).ready(function () { $("#engineerName").change(function () { //ajax获取数据库查询得到的数据 var name = $("#engineerName").val(); if(name != ""){ $.ajax({ type: "get", dataType: "json", url:"${contextPath}/carUpload/enginNameByLike/" + name +"?random="+Math.random(), success: function (result) { //清空原来的旧数据 $("#tmpselectorList").empty(); var html = "<ul class=‘ui-menu‘ style=‘cursor: pointer;‘>"; //json数据遍历 $.each( result.data, function(index,item){ //alert("index:"+index+", item:"+ item); html += "<li>"+item+"</li>"; }); html += "</ul>"; $("#tmpselectorList").append(html); } }); } }); //jquery动态绑定事件 $("#tmpselectorList").on("click","ul li",function(){ //赋予值 $("#engineerName").val( $(this).text() ); }) ;});</script>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。