javascript - jQuery Mobile 从两个自动完成 UL 中获取值(value)

Question

我有两个自动完成搜索字段，我想从这两个字段中提取值。 对于一个字段，我使用 ..function(e, data) 和 data.input.val()

但是我有两个字段的一个监听器，如下所示:$("#search_one, #search_two").on("filterablebeforefilter", function(e, data)

我尝试过 $("#serarch_one input").val();但不工作。有什么想法吗？

html//search_one

<ul id="search_one" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search one..." ></ul>

Answer 1

工作示例:http://jsfiddle.net/Gajotres/vds2U/54/

HTML:

<div data-role="page" id="index" data-theme="a" >
    <div data-role="header">
        <h3>
            First Page
        </h3>
        <a href="#second" class="ui-btn-right">Next</a>
    </div>

    <div data-role="content">
        <a class="ui-btn" id="findVal">Find Value</a>
        <ul id="search_one" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Search one..." >
            <li>sdfsdfsd</li>
        </ul>
    </div>

    <div data-role="footer" data-position="fixed">

    </div>
</div> 

JavaScript:

$(document).on('pagebeforeshow', '#index', function(){ 
    $(document).on('click', '#findVal', function(){ 
        alert($('.ui-content').find('[placeholder="' + $('#search_one').attr('data-filter-placeholder') + '"]').val());
    });
});