首页 > 代码库 > 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>