如何在jQuery Mobile Listview控件中获取文本框的值

Question

希望这是一个简单的问题，但我怀疑我的设计可能需要更多的思考。我有Listview这样的控件：

<ul id="txtTo" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="To:"></ul>

由于data-filter属性为true，控件会创建一个用于过滤的文本框：

我需要知道如何获取该文本框的值。我已经尝试了$("#txtTo").val()和$("#txtTo").text()，但都返回""。

文档中的任何内容似乎都没有说明如何获取当前的过滤器值，而且我已经挖掘了Chrome调试器中的属性无济于事。有什么想法吗？

我怀疑答案是使用我自己的<input>，每当值发生变化时都会收听，并更新单独的listview控件，而不是使用data-filter。

Answer 1

我找到了这段代码

＆＃13;

＆＃13;

<form class="ui-filterable">
    <input id="filterBasic-input" data-type="search">
</form>
<ul data-role="listview" data-input="#filterBasic-input" data-filter="true">
    <li>Acura</li>
    <li>Audi</li>
    <li>BMW</li>
    <li>Cadillac</li>
    <li>Ferrari</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

在jQuery移动网站上： http://demos.jquerymobile.com/1.4.0/filterable/

这对你有用吗？您可以为列表视图设置输入，以便轻松获取文本或设置文本。您只需要在ul。

中包含数据输入属性