jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery-ui – 将数据从一个Html.listboxfor复制到asp.net mvc中的其他列表框大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个名为A&的 Html.ListBoxFor. B.

1)A具有从DB&amp ;;填充的数据. B是空的.

2)我想要像this这样的功能,其中列表A中的项目被放入列表B.

$('.add').on('click',function() {
    var options = $('SELEct.multiSELEct1 option:SELEcted').sort().clone();
    $('SELEct.multiSELEct2').append(options);
});
$('.addAll').on('click',function() {
    var options = $('SELEct.multiSELEct1 option').sort().clone();
    $('SELEct.multiSELEct2').append(options);
});
$('.remove').on('click',function() {
    $('SELEct.multiSELEct2 option:SELEcted').remove();
});
$('.removeAll').on('click',function() {
    $('SELEct.multiSELEct2').empty();
});

3)我用asp.net mvc尝试了这个,但是我无法在模型和版本中获取所选项目.控制器.

4)我想要一种方法,我们可以在asp.net mvc中执行此操作.如果在mvc中可以有某种方式,那么我将能够将该数据存储在sql DB中

5)它的jquery兄弟是here

任何帮助,将不胜感激

解决方法

我想这会对你有所帮助.

大段引用

Html文件

Fruits:
        <SELEct multiple="multiple" id="a">
            <option value="1">Apple</option>
            <option value="2">Orange</option>
            <option value="3">Banana</option>
        </SELEct>

        <input type="button" id="add" value="Add"/>
         <input type="button" id="addall" value="Add all"/>
        <SELEct multiple="multiple" id="b">

        </SELEct>

Javascript文件

$("#add").bind("click",function () {
        addoption(false);

 });

$("#addall").bind("click",function () {
    addoption(true);

});

function addoption(isAll){
    var option = $("#a option");
    if (!isAll) {
       option = $("#a option:SELEcted");
    } else {
       $("#b").html("");
    }

    $(option).each(function () {
       var val = $(this).val();
       var text = $(this).text();
       $("#b").append($(this)[0].outerHTML);
       $(this).remove();
    });
}

大佬总结

以上是大佬教程为你收集整理的jquery-ui – 将数据从一个Html.listboxfor复制到asp.net mvc中的其他列表框全部内容,希望文章能够帮你解决jquery-ui – 将数据从一个Html.listboxfor复制到asp.net mvc中的其他列表框所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。