我在我网站上的搜索中使用了jQuery UI的“自动完成”功能。当您将单选按钮从“区域搜索”更改为“名称搜索”时,我希望它禁用自动完成功能,并在您切换回来时重新启用它。但是,当您禁用自动填充时,它不会隐藏下拉列表,它只是将它调暗到20%左右不透明度。这是我的javascript:
var allFields = new Array(<?php echo $allFields ?>);
$(document).ready(function() {
if ($("input[name='searchType']:checked").val() == 'areaCode') {
$("#siteSearch").autocomplete({
source: allFields,
minLength: 2
});
}
$("input[name='searchType']").change(function(){
if ($("input[name='searchType']:checked").val() == 'areaCode') {
$( "#siteSearch" ).autocomplete( "option", "disabled", false );
alert("enabled");
}
else {
$( "#siteSearch" ).autocomplete( "option", "disabled", true );
alert("disabled");
}
});
});
看到它发生
首先,您必须选择要搜索的区号,然后才能看到问题。
编辑: 我知道在你给出切换搜索类型的选项之前你必须选择一个区号。如果你转到这个URL,你会立即拥有它们: http://crewinyourcode.com/search/choose-category/732/
答案 0 :(得分:0)
刚刚添加了一条CSS规则来显示:隐藏自动完成框。没什么大不了的。