1

我在我的网站上搜索时使用了 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");
        }

    });

});

您可以在http://crewinyourcode.com看到它的发生

首先您必须选择一个区号进行搜索，然后您才能看到问题。

编辑：我意识到您必须先选择区号，然后才能选择切换搜索类型。如果您访问此 URL，您将立即拥有它们： http: //crewinyourcode.com/search/choose-category/732/

4

1 回答 1

0

刚刚添加了一个 CSS 规则来显示：隐藏自动完成框。没什么大不了的。

于 2010-04-24T06:21:09.403 回答