jQuery学习: 实现select multiple左右添加和删除功能
2011-11-22 17:13
766 查看
/**
*动态的给左边的下拉列表创建选项
*具体情况可以从数据库读取数据动态创建选项
*/
$(document).ready(function(){
for(var i=1;i<=5;i++)
{
$("#fb_list").append("<option value='"+i+"'>公开招标小型机采购00"+i+"</option>");
}
})
$(function(){
$("#add").click(function(){
if($("#fb_list option:selected").length>0)
{
$("#fb_list option:selected").each(function(){
$("#select_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
$(this).remove();
})
}
else
{
alert("请选择要添加的分包!");
}
})
})
$(function(){
$("#delete").click(function(){
if($("#select_list option:selected").length>0)
{
$("#select_list option:selected").each(function(){
$("#fb_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
$(this).remove();
})
}
else
{
alert("请选择要删除的分包!");
}
})
})
*动态的给左边的下拉列表创建选项
*具体情况可以从数据库读取数据动态创建选项
*/
$(document).ready(function(){
for(var i=1;i<=5;i++)
{
$("#fb_list").append("<option value='"+i+"'>公开招标小型机采购00"+i+"</option>");
}
})
$(function(){
$("#add").click(function(){
if($("#fb_list option:selected").length>0)
{
$("#fb_list option:selected").each(function(){
$("#select_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
$(this).remove();
})
}
else
{
alert("请选择要添加的分包!");
}
})
})
$(function(){
$("#delete").click(function(){
if($("#select_list option:selected").length>0)
{
$("#select_list option:selected").each(function(){
$("#fb_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
$(this).remove();
})
}
else
{
alert("请选择要删除的分包!");
}
})
})
相关文章推荐
- jQuery学习: 实现select multiple左右添加和删除功能
- Jquery实现select multiple左右添加和删除功能的简单实例
- Jquery实现select multiple左右添加和删除功能
- Jquery实现select multiple左右添加和删除功能
- 实现select multiple左右添加和删除功能
- 用jQuery实现multiple select(列表框)左右添加和删除功能
- 基于jquery实现select选择框内容左右移动添加删除代码分享
- jquery实现全选、反选以及删除、添加等功能
- jQuery实现的简单动态添加、删除表格功能示例
- jQuery实现用户信息表格的添加和删除功能
- mybatis学习笔记-实现添加修改删除用户功能
- 使用JQuery实现全选、反选、添加和删除功能
- jQuery 结合AJAX实现添加、删除分类等功能【原创】
- jQuery 实现左右两侧菜单添加、移除功能
- jQuery + JavaScript 实现的动态添加文本框功能 和 动态删除文本框功能(二)
- jQuery(4)--实现用户的添加,删除,编辑功能
- 实现左右两边用户添加、删除、调位置(上下移动)、排序等的功能
- JQUERY动态绘制表格,实现动态添加一行,删除一行
- jQuery实现表单动态添加与删除数据操作示例
- 利用JQuery实现datatables插件的增加和删除行功能