在XUL中为zotero参考书目创建搜索框

Question

我将此块作为UI：

<textbox id="style-search" flex="1" type="search" timeout="250" dir="reverse"/>

这是onload函数：

        var listbox = document.getElementById("style-listbox");
        var searchbox = document.getElementById("style-search");
        var styles = Zotero.Styles.getVisible();
        var index = 0;
        var nStyles = styles.length;
        var selectIndex = null;
        var searchValue = searchbox.value;
    if (searchValue) {
        for (var i = 0; i < nStyles; i++) {
            if (styles[i].title.match(searchValue)) {
                var itemNode = document.createElement("listitem");
                itemNode.setAttribute("value", styles[i].styleID);
                itemNode.setAttribute("label", styles[i].title);
                itemNode.setAttribute("id", styles[i].title);
                if (i % 2 === 0) {
                    itemNode.setAttribute("class", "backG");
                } else {
                    itemNode.setAttribute("class", "backY");
                }
                listbox.appendChild(itemNode);

                if (styles[i].styleID == _io.style) {
                    selectIndex = index;
                }
                index++;
            }
        }
    }

我需要这个：当我在搜索框中键入一些字符串时，我希望使用该字符串过滤我的样式列表中的所有样式。我尝试上面的代码，但它没有工作。