jquery移动自动完成选择选项
我对JQuery 1.3.0 mobile Autocomplete有一个问题,因为我不知道如何选择列表项并将选择添加到不同的DIV或隐藏的输入字段中! 这是我的密码:jquery移动自动完成选择选项,jquery,list,select,mobile,autocomplete,Jquery,List,Select,Mobile,Autocomplete,我对JQuery 1.3.0 mobile Autocomplete有一个问题,因为我不知道如何选择列表项并将选择添加到不同的DIV或隐藏的输入字段中! 这是我的密码: $( document ).on( "pageinit", "#main", function() { $( "#addimageword" ).on( "listviewbeforefilter", function ( e, data ) { var $ul = $( this ),
$( document ).on( "pageinit", "#main", function()
{
$( "#addimageword" ).on( "listviewbeforefilter", function ( e, data )
{
var $ul = $( this ),
$input = $( data.input ),
value = $input.val(),
html = "";
$ul.html( "" );
if ( value && value.length > 2 ) {
$ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
$ul.listview( "refresh" );
$.ajax({
type : 'GET',
url: "./inc/search2.php",
dataType: "json",
data: {
q: $input.val()
}
})
.then( function ( response ) {
$.each( response, function ( i, val ) {
var substr = val.split('_');
var idword = substr[0];
var your = substr[1];
var lblyour = substr[2];
var learn = substr[3];
var lbllearn = substr[4];
var lblyourlang = substr[6];
var lbllearnlang = substr[7];
html += "<li><a href='#'>" +lblyour+": "+your+" - "+lbllearn+": "+learn+ "</a></li>";
});
$ul.html( html );
$ul.listview("refresh");
$ul.trigger("updatelayout");
});
}
});
$('#addimageword li a').click(function(){
var listItemText = $(this).text;
$('#result').text(listItemText);
$('#addimageword').children('li').hide();
$('#addimageword').bind(function(){
$.mobile.listview.prototype.options.filterPlaceholder = listItemText;
});
e.preventDefault();
})
<ul id="addimageword"
data-role="listview"
data-inset="true"
data-filter="true"
data-filter-placeholder="Type in your word" data-filter-theme="d">
</ul>
<div id="result">
</div>
有人知道它是怎么工作的吗
提前感谢…在你的办公室里做这样的事。然后
.then( function ( response ) {
$.each( response, function ( i, val ) {
html += '<li class="surgeon" id="surgeon_' + val.id + '"">' + val.name + '</li>';
});
$ul.html( html );
$ul.listview( "refresh" );
$ul.trigger( "updatelayout");
$('.surgeon').click(function(){
var id = $(this).attr('id').split('_');
$('#InputId').val(id[1]);
});
});
由于li是在页面加载后添加的,因此需要使用.delegate 为a标记指定一个类,如:
html += "<li><a class="example">" +lblyour+": "+your+" - "+lbllearn+": "+learn+ "</a></li>";
您可以尝试以下方法:
$( '#addimageword' ).on('click', 'li a', function( ) {
var listItemText = $(this).closest("li").text();
$('#result').text(listItemText);
//other code
});
你解决了这个问题吗?我也有同样的问题,我的列表被返回,但我如何选择和填充ul\input?
$( '#addimageword' ).on('click', 'li a', function( ) {
var listItemText = $(this).closest("li").text();
$('#result').text(listItemText);
//other code
});