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 に答える