14

テキストを自動入力でき、複数のタブを使用できるフォーム フィールドを追加したい (fb と同様)。select2.js がそれを行うのに役立つことがわかりましたが、複数の属性を true に設定すると使用に問題が発生します。multiple: true を追加すると、ページはそれを通常の選択として表示します。

select2 ページのドキュメントが紛らわしいと思います。

私はそれらすべてに慣れていないので、助けてください。

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>          
<script type="text/javascript" src="select2.js"></script>          

 <link href="select2.css" rel="stylesheet"/>
    <script src="select2.js"></script>
    <script>
        $(document).ready(function() { 
        $("#e1").select2([multiple: true]);
        });
    </script>

</head>
<body>
<input type="button" id="123">click
</br>
<input type="hidden" id="1234">
<select id="e1">
        <option value="AL">Alabama</option>
        <option value="Am">Amalapuram</option>
        <option value="An">Anakapalli</option>
        <option value="Ak">Akkayapalem</option>

        <option value="WY">Wyoming</option>
    </select>

</body>
</html>
4

3 に答える 3

25

マークアップにのみ、属性「multiple」と幅も追加します。

<select multiple id="e1" style="width:300px">

そしてjsは次のようになります：

$(document).ready(function() { 
 $("#e1").select2();
});

ここでフィドルを参照してください：http://jsfiddle.net/marcusasplund/jEADR/2/

補足; 質問に投稿されたコードでselect2.jsを2回ロードしています。

于 2013-01-29T22:46:29.193 に答える
1

select2.js に固​​有のクラスをオーバーライドできます。

.select2-container-multi .select2-choices {
    width: 150px;
}

それはうまくいくはずです。

于 2013-11-01T14:36:24.640 に答える