Jquery sortable:如果输入A在第一个列表中,则用输入B的值替换输入A的值文本

时间:2012-10-10 04:30:57

标签: jquery jquery-ui jquery-ui-sortable

我正在使用Jquery sortable。

  • 我有一个第一个输入调用“Iwanttogetavalue”,它不在两个列表中。
  • 我有两个可以在每个人之间拖拽的列表。
  • 输入是项目
  • 在第一个列表中只能拖动一个项目(输入)。

    如果一个可拖动的输入(项目)(名为“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>
    
    谢谢你!

  • 1 个答案:

    答案 0 :(得分:0)

    您可能希望将其放入接收函数中,以便每次排序时调用它...

    $('li .general_title').each(function () {
       var this_input = $(this);
       var id = this_input.attr('id');
       var value = this_input.val()
       if (id == "inputA") {
          $('#inputB').val(id);
       }
    } 
    

    如果您有任何问题,请与我们联系。