jQuery 移动 1.3.2。列表视图自动完成显示所选项目答案

【问题标题】：jquery mobile 1.3.2. listview autocomplete show selected itemjQuery 移动 1.3.2。列表视图自动完成显示所选项目
【发布时间】：2014-07-13 23:29:20
【问题描述】：

我查看了这个 post 以显示所选列表视图 li 元素的值，但它对我不起作用。

我正在像这样动态创建列表视图 -

    $.post ("/Search", { "type":"tz" }, function(data) {
    var d = data.timezones;
    var catList = "<ul id='tzlist' data-role='listview' data-filter='true' data-filter-reveal='true' data-filter-placeholder='search timezone...' data-inset='true'>";
    $.each (d, function(i, item) 
    {
        catList += "<li><a href='' onclick='seltz(this);'>";
        catList += item.tzone;
        catList += "</a></li>";

    });
    catList += "</ul>";
    $(sName).empty();
    $(sName).append(catList);
    $(sName).trigger("create");
}, "json");

onclick函数是-

function seltz(el) {
var txt=$(el).text();
alert(txt);
$(this).closest("ul").prev("form").find("input").val(txt);
}

警报显示单击的 li 项目的正确值，但输入未反映该值。任何想法为什么这可能不起作用？

提前致谢。

研发

【问题讨论】：

标签： jquery listview mobile selection

【解决方案1】：

好的。所以我搜索了其他帖子并意识到需要进行哪些更改。首先，我更改了我的功能并删除了 onclick 调用 -

    $.post ("/whnwh/Search", { "type":"tz" }, function(data) 
    {
      var d = data.timezones;
      var catList = "<ul id='tzlist' data-role='listview' data-filter='true' data-filter-reveal='true' data-filter-placeholder='search timezone...' data-inset='true'>";
      $.each (d, function(i, item) 
      {
        catList += "<li>";
        catList += item.tzone;
        catList += "</li>";
      });
      catList += "</ul>";
      $(sName).empty();
      $(sName).append(catList);
      $(sName).trigger("create");
    }, "json");

然后，在 html 文件中，我添加了这个回调 -

    $("#timezone").on("click", "li",  function () {
        window.seltz = $(this).text();
        $(this).closest("ul").prev("form").find("input").val(window.seltz);
        $("#timezone li" ).addClass('ui-screen-hidden');
    });

这解决了在搜索输入小部件中显示所选 li 项目的问题。

jquery 开发人员 - 这是一个简单但经常需要的任务，应该添加到 listview api。

我还有一个问题。上面的代码允许用户从列表视图中选择一个时区。如果我知道用户的时区，如何预填充输入小部件？我尝试了与上面相同的回调，但它不起作用。有什么想法吗？

谢谢

研发

【讨论】：