两个下拉框的option的相互转换添加

最新推荐文章于 2021-05-11 22:22:10 发布

原创最新推荐文章于 2021-05-11 22:22:10 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍使用jQuery操作Select下拉菜单的多种技巧，包括移动选项、处理JSON数据填充、防止重复项、设置遮罩效果及表单提交策略。通过具体代码示例，详细解释了如何实现选项的左右移动、动态添加选项、清空下拉框、设置选项默认选中状态等实用功能。

$("#btnRight").click(function(){ //向右移动option

$("#rightSeletction").append($("#leftSelection option:selected"));

});

向左移动就是反过来即可。

把获得的json数据放入到select中
           使用$().append("<option></option>");
           注意使用追加的时候需要先清空下拉框
               $().empty();
           为了预防有重复名字，把手机号也显示出来。
       弹出框的遮罩效果。modal="true"
       $().append()就是把右边option移动到左边来。
       把原来该定区的decidedzone_id设置为null.再把右边的提交过来的统一关联定区。
       如何只提交左边的表单，就是设置右边表单用name属性，而左边没有。
       为隐藏域input赋值id，把定区id传递给后台。
       下拉框只提交选中的哪些。不选中的提交不了。
       使用option的selected属性
           $("#select option").attr("selected","selected");