我发现了一个Javascript,它允许用户搜索我的树菜单。但是,我需要它仅在单击按钮时起作用,而不是在用户键入时起作用。我知道如何创建按钮并向其中添加OnCLick,但我不知道如何更改工作脚本以仅在单击按钮时才能运行。
这里是有效的脚本(我必须给li标记一个类,以便该脚本不会尝试搜索页面上的其他列表):
<script type="text/javascript">
$(document).ready(function () {
$("#search").on("input", function () {
if (this.value.length > 0) {
$("li.menusearch").hide().filter(function () {
return $(this).text().toLowerCase().indexOf($("#search").val().toLowerCase()) != -1;
}).show();
}
else {
$("li.menusearch").show();
}
});
});
这里是输入
<input type="search" id="search" name="search"/>
要调整脚本以使其在按钮单击上起作用,请按以下步骤对其进行调整(#button
对应于按钮的ID:
$(document).ready(function () {
$("#button").on("click", function () {
if ($("#search").val().length > 0) {
$("li.menusearch").hide().filter(function () {
return $(this).text().toLowerCase().indexOf($("#search").val().toLowerCase()) != -1;
}).show();
}
else {
$("li.menusearch").show();
}
});
});