1

編集: この特定の問題に対する私の問題が何であるかを理解しました。

解決策:この特定の問題について、許可の問題がありました。選択したプロジェクト フォルダーと select2 プロジェクト フォルダーをアプリケーションに直接コピーしたため、明らかにアクセス許可が正しくありませんでした。解決策は、開発中にプロジェクト内にプラグイン ファイルを作成するか 、*nix マシンを使用している場合はターミナルで「chmod 0755 -R select2/」を実行することです。それだけでした。selected と select2 の間の競合の問題などではありませんでした。

元の投稿:

Select2 を使用して、きれいな複数値選択ボックスを作成しようとしています。Select2 と Chosen.js の両方を試しましたが、結果は同じです。ボックスが正しく表示されません。javascriptが含まれていないかのように、古いスタイルの醜い複数選択ボックスが表示されます。

これがどのように表示されるかを示す画像です: http://d.pr/i/bUa5

私が取得しようとしているのは、このフォーラムにあるような複数選択ボックスです。

誰かが助けてくれることを願っていますか？

ここに私のテストコードがあります:

<!doctype html>
<head>
<title>Select2 Example</title>
<link href="select2.css" rel="stylesheet"/>
<link rel="stylesheet" href="chosen/chosen.css">
</head>
<body>
<form>

    <select id="e1" multible>
        <option value="AL">Alabama</option>
        <option value="AR">Arizona</option>
        <option value="CA">California</option>
        <option value="WS">Wisconsin</option>
        <option value="NY">New York</option>
        <option value="TX">Texas</option>
        <option value="OR">Orlando</option>
    </select>

        <select id="chzn-select" data-placeholder="Choose a country..." style="width:350px;" multiple class="chzn-select" tabindex="4">
        <option value="AL">Alabama</option>
        <option value="AR">Arizona</option>
        <option value="CA">California</option>
        <option value="WS">Wisconsin</option>
        <option value="NY">New York</option>
        <option value="TX">Texas</option>
        <option value="OR">Orlando</option>
    </select>
</form> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="select2.js"></script>
<script src="chosen/chosen.jquery.js"></script>

<script>

    $(".chzn-select").chosen();

    $(document).ready(function() { $("#e1").select2(function() {
        placeholder: "Select State"
    }); });
</script>
</body>
4

1 に答える 1

0

私はこれに多くの問題を抱えていましたが、なんとか機能させることができました。私のコードとあなたのコードの違い:

私のドキュメント準備機能は、私の体ではなく頭の中にあります。また、 $("#e1").select2(); 内部機能なし。

ブラウザーで実行しているときに、右クリックしてソースの表示を選択し、.js および .css ファイルを開いて、それらが html に表示されることを確認しましたか?

最後に、複数の代わりに複数を入れたselect2について

私はそれを機能させることができなかったので選択しましたが、select 2はその上に構築されているので、それを選びます。また、それらは互いに構築されているため、競合が発生する可能性があるため、選択したものを取り除き、それを試してみます.

お役に立てれば

ps: この方法で実装しましたが、複数選択からオプションを削除すると、ドロップダウンの選択肢から削除され、再度追加できなくなりました。この例はあまり単純ではありません。この便利なアドオンの簡単な例があればいいのにと思います!

于 2012-11-17T15:16:43.957 に答える