Javascript 单击jquery移动筛选器数据时如何获取详细信息?

Javascript 单击jquery移动筛选器数据时如何获取详细信息?,javascript,jquery,html,web-services,jquery-mobile,Javascript,Jquery,Html,Web Services,Jquery Mobile,我正在创建一个jquery移动站点。我想使用jquery移动筛选器获取子详细信息。现在我可以在输入子名称时触发数据。然后我将单击“搜索”按钮。它将显示数据库中匹配的名称。但当我单击名称(如“Reegan”或“Reegan1”)时,它不会填充数据库中的其余值 然后我想转到另一个页面并打印孩子的详细信息。我正在使用json Url从数据库中提取值。请帮助我解决这个问题 这是我的代码: $("#btnSearch").click(function () { var child_name = $

我正在创建一个jquery移动站点。我想使用jquery移动筛选器获取子详细信息。现在我可以在输入子名称时触发数据。然后我将单击“搜索”按钮。它将显示数据库中匹配的名称。但当我单击名称(如“Reegan”或“Reegan1”)时,它不会填充数据库中的其余值

然后我想转到另一个页面并打印孩子的详细信息。我正在使用json Url从数据库中提取值。请帮助我解决这个问题

这是我的代码:

$("#btnSearch").click(function () {
    var child_name = $("#search-1").val();
    helper.actionGet("http://.../SearchChildJSON", {
            name: child_name
        },
        function (data) {
            console.log(data);
            var rec_data = jQuery.parseJSON(data);
            sessionStorage.setItem("AllData",data);
            $.each(rec_data, function (index, value) {
                $("#push_name").append("<a id='"+value.CMOId+"' href='#' class='ui-btn ui-shadow ui-corner-all'>" + value.FirstName + "</a>");
            });
        });
    $("#push_name").on("click","a",function(val) {
        console.log(val);
    });
});
图片:

JQuery移动html文件:

<div data-role="content">
        <label for="search-1">Child:</label>
        <form>
           <input data-type="search" class="filterControlgroup-input" id="search-1"       placeholder="Search Child...">
        </form>
           <div data-role="controlgroup" data-filter="true" data-input=".filterControlgroup-input" data-filter-reveal="true" id="push_name">
        </div>
</div>
<div data-role="footer" data-position="fixed">
       <button class="ui-btn ui-corner-all ui-btn-inline" class="btnSearch" id="btnSearch">Search</button>
</div>

儿童:
搜寻

委派
单击事件以动态添加锚定(按钮)


谢谢兄弟。我得到了“m.Event{originalEvent:MouseEvent,键入:“click”,isDefaultPrevented:function,时间戳:141620087374,jquery11109532860720064491:true…”当我在函数中提供参数时。但我无法获取“reegan”详细信息。@reegan 29可以用导致该错误的代码更新您的帖子吗?@reegan 29不要在
$(“#btnSearch”)中添加代码。单击(函数(){
只需复制/粘贴我的代码,并用添加listview的页面的id替换
#pageID
。@reegan29顺便问一下,您想从锚点检索什么值?id或文本?bro此json url包含子详细信息,如子名字、姓氏、位置、年龄……我想通过选择特定的子项来获取这些详细信息。我想要两个id和文本兄弟
<div data-role="content">
        <label for="search-1">Child:</label>
        <form>
           <input data-type="search" class="filterControlgroup-input" id="search-1"       placeholder="Search Child...">
        </form>
           <div data-role="controlgroup" data-filter="true" data-input=".filterControlgroup-input" data-filter-reveal="true" id="push_name">
        </div>
</div>
<div data-role="footer" data-position="fixed">
       <button class="ui-btn ui-corner-all ui-btn-inline" class="btnSearch" id="btnSearch">Search</button>
</div>
$(document).on("pagecreate", "#pageID", function () {
   $("#push_name").on("click", "a", function () {
     var btnID = this.id, /* or $(this)[0].id */
         btnText = this.innerText; /* or $(this).text() */
   });
});