Javascript 单击jquery移动筛选器数据时如何获取详细信息?
我正在创建一个jquery移动站点。我想使用jquery移动筛选器获取子详细信息。现在我可以在输入子名称时触发数据。然后我将单击“搜索”按钮。它将显示数据库中匹配的名称。但当我单击名称(如“Reegan”或“Reegan1”)时,它不会填充数据库中的其余值 然后我想转到另一个页面并打印孩子的详细信息。我正在使用json Url从数据库中提取值。请帮助我解决这个问题 这是我的代码: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 = $
$("#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() */
});
});