jquery手機自動完成選擇選項

我有一個問題與JQuery 1.3.0移動自動完成，因爲我不知道如何選擇一個列表項並將選擇添加到不同的DIV或隱藏的輸入字段！這裏是我的代碼：jquery手機自動完成選擇選項

$(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>

有誰知道它是如何工作的？

感謝的提前...

來源

2013-03-18 user2182980

你解決這個問題？我有同樣的問題，我的列表返回，但我如何選擇和填充ul \輸入？ – 2013-03-28 20:19:33

做這樣的事情在你的。那麼（）

.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]); 
    }); 
});

來源

2013-04-09 00:30:48 mike

由於LI是你需要使用.delegate()在頁面加載後添加。

給了a標籤就像一個類：

html += "<li><a class="example">" +lblyour+": "+your+" - "+lbllearn+": "+learn+ "</a></li>";

然後有這樣一個功能：

$('body').delegate('.example', 'click', function() { 
    var val = $(this).html(); 
    $('$hiddeninput').html(val); 
});

來源

2013-06-06 22:47:21 Adam

你可以試試這個：

$('#addimageword').on('click', 'li a', function() { 
    var listItemText = $(this).closest("li").text(); 
    $('#result').text(listItemText); 
    //other code 
});

來源

2013-09-05 04:25:20 user2702125

jquery手機自動完成選擇選項

回答

相關問題