0

Web ページで複数の jquery-ui-selectable を使用しています。選択したテキスト値をテキスト フィールドに表示したい。基本的に、アコーディオンをヘッドとして使用し、サブカテゴリとして選択可能なカテゴリ構造を設計しました。

テキストフィールドに表示することはできますが、問題は、別のアコーディオンからアイテムを選択したいときに、前のアコーディオンのアイテムの値がテキストフィールドに追加されることです。これは、前のアコーディオンのアイテムがまだ選択状態にあるためです。次のアコーディオンからアイテムをクリックするとすぐに、前のアコーディオンから選択を解除したい。

4

1 に答える 1

0

質問が正しければ、必要なのは変更ハンドラを実装することだけです。

サンプル コードは次のようになります。

$(".selectable").selectable({

    // change handler
    stop: function() {

        // reset all selected values in other selectables
        $('.selectable').not(this).find('li').removeClass('ui-selected');

        // print currently selected value(s)
        $('#result').val(
            $(".ui-selected").map(function() {
                return $(this).text();
            }).get().join(";")
        );
    }

});​

このFIDDLEでライブを参照してください。

于 2012-10-04T10:56:24.107 に答える