Jquery ソート可能を使用しています。
ドラッグ可能な入力 (アイテム) (「giveavalue」という名前のクラスを持つ) が最初のリスト (sortable1) にある場合、入力「Iwanttogetavalue」がこの入力から値を取得するようにします。
ここに私のコード:
<input type="text" id="Iwanttogetavalue">
<ul id="sortable1" class="connectedsortables">
</ul>
<ul id="sortable2" class="connectedsortables">
<li><input type="text" class="giveavalue"></li>
<li><input type="text" class="giveavalue"></li>
</ul>
<script>
$(function() {
$("#sortable1").sortable({
connectWith: '.connectedsortables',
receive: function(event, ui) {
if ($(this).children().length > 1) {
//ui.sender: will cancel the change.
//Useful in the 'receive' callback.
$(ui.sender).sortable('cancel');
}
}
})
$("#sortable2").sortable({
connectWith: '.connectedsortables',
receive: function(event, ui) {
if ($(this).children().length > 10) {
//ui.sender: will cancel the change.
//Useful in the 'receive' callback.
$(ui.sender).sortable('cancel');
}
}
}).disableSelection();
});
</script>
ありがとう !