無法選擇JQuery（移動版）/ JavaScript選擇選項

Question

我創建了一個搜索過濾器，該過濾器可分離出與用戶輸入的內容不匹配的選項。

例如，列表包含：“ hello”，“再見”，“光暈”，如果我輸入“ h”，則僅顯示“ hello”和“ halo”。

我面臨的問題是，如果有一個選項，我將無法選擇它，但是如果有多個選項，我可以選擇它。

這是（完整的代碼）JSFiddle： JSFIDDLE LINK

要重現該問題：在輸入框中輸入“另一個”，然后嘗試在選擇菜單中選擇“執行另一個”選項。

如果有多個選項，我可以選擇任何選項，因此，如果輸入單詞“ do”，則可以在其中帶有該單詞的情況下選擇任一選項。

var probOptions = $("#problem>option");

function searchFilter() {
    $("#searchInput").change(function() {
        var searchString = $(this).val().toLowerCase();
        $("#problem").empty().append(probOptions);
        $("#problem>option").each(function() {
            var text = $(this).text().toLowerCase();
            if (text.indexOf(searchString) <= -1) {
                $(this).detach();
                // THE LINE BELOW FIXES THE PROBLEM (THE LINE BELOW IS NEWLY ADDED)
                $("#problem").selectmenu("refresh");
            }

        });

    });

}

searchFilter();

Answer 1

我設法自己解決了這個問題。

顯然，對於JQuery移動版，您需要刷新列表，但是不需要刷新標准JQuery。

解決方法如下（其中#problem是選擇菜單的ID）：

$("#problem").selectmenu("refresh");

希望這對有此問題的任何人有所幫助。