2

次のオプション要素をドラッグ可能にするためのヒントはありますか?

<select id="expenseSelect" multiple="multiple" style="height:200px">
    <option value="a">aaaaaaaa</option>
    <option value="b">bbbbbbbb</option>
    <option value="c">cccccccc</option>
    <option value="d">dddddddd</option>
    <option value="e">eeeeeeee</option>
</select>

以下は動作しないようです

$(document).ready(function() {
    $('#expenseSelect').children().draggable();
});

基本的に、ユーザーが1つ以上のアイテムを選択してフォームにドラッグできるリストボックス要素を探しています。

4

4 に答える 4

4

この問題に直面し、そのための小さなjQueryプラグインを作成しました。唯一の問題はInternetExplorer（any）です-<option>要素のイベントをサポートしていません。

https://github.com/NikitaKA/jquery.dragOptions

于 2012-10-12T09:32:39.233 に答える
3

残念ながら、これはネイティブのドロップダウン ボックスでは不可能です。ブラウザが異なれば、selectタグの作成方法も異なる場合があります。たとえば、モバイル デバイスは、selectタグを使用してまったく異なることを行う可能性があります。

div代わりにまたはliタグを使用してドロップダウン ボックスを作成する jQuery プラグインを使用する (または独自に作成する) ことを検討する必要があります。これらはドラッグ可能になります。

于 2012-06-18T15:36:10.980 に答える
1

jQuery ドラッグ可能は、このようなドロップダウン要素では機能しません。<ul>jQuery はこのように並べ替えることができるため、データの表示には順序なしリストを使用することをお勧めします。

また、「ドラッグ可能」ではなく、新しいアイテムをリストにドラッグしたいので、おそらく「ソート可能」を探しているでしょう。この例のソース コードを見てください: http://jqueryui.com/demos/sortable/#connect-lists

于 2012-06-18T15:36:56.747 に答える
0

selectjQuery でオプションをドラッグ可能に設定することはできません。

ドラッグ可能なドキュメントを見て、やりたいことを実行する方法を確認してください(selectボックスを使用しなくても)

于 2012-06-18T15:35:45.720 に答える