js 操作select

问题描述

有两个select a 和ba 的值 是从后台读出的 结果集list来填充的 ,设置可以多选b 是获取 是获取a选中的值,b中不能出现重复的值,谢谢 ,各位

解决方案

<html><head><style type="text/css"> .main .left {float: left;width: 200px;height: 200px;}.main .middle {float: left;width: 100px;height: 200px;margin-top: 50px;} .main .right {float: left;height: 200px;width: 200px;}.main .left select,.main .right select {width: 180px;height: 200px;}</style></head> <body><div class="main"> <div class="left"> <select id="left" multiple="multiple"> <option>超级管理员</option> <option>图书管理员</option> <option>进货管理员</option> <option>销售管理员</option> </select> </div> <div class="middle"> <input id="leftMove" type="button" value="左移"><br/> <input id="leftAllMove" type="button" value="全部左移"><br/> <input id="rightMove" type="button" value="右移"><br/> <input id="rightAllMove" type="button" value="全部右移"><br/> </div> <div class="right"> <select id="right" multiple="multiple"> </select> </div></div><script type="text/javascript" src="../../jquery-1.4.2.js"></script><script type="text/javascript"> $(function() { //源 目标 $("#leftMove").click(function() {move("right", "left");}); $("#rightMove").click(function() { move("left", "right");}); $("#leftAllMove").click(function() { $("#left option").appendTo("#right");}); $("#rightAllMove").click(function() { $("#right option").appendTo("#left");});});function move(source, target) { $("#"+source+" :selected").appendTo("#"+target);}</script></body></html>左右移动吗

时间: 2024-12-09 23:27:13

js 操作select的相关文章

js 操作select与option

 本篇文章主要是对js 操作select与option的示例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 1.动态创建select   代码如下:      function createSelect(){   var mySelect = document.createElement_x("select");           mySelect.id = "mySelect";            document.body.appendChild

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i

Js操作Select大全(取值、设置选中等等)_javascript技巧

jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[tex

js 操作select相关方法函数_表单特效

1.判断select选项中 是否存在value="paravalue"的item2.向select选项中 加入一个item3.从select选项中 删除一个item4.修改select选项中 value="paravalue"的text为"paratext"5.设置select中text="paratext"的第一个item为选中6.设置select中value="paravalue"的item为选中7.得

js 操作select和option常用代码整理_基础知识

1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec

js 操作select与option(示例讲解)_javascript技巧

1.动态创建select 复制代码 代码如下:      function createSelect(){ var mySelect = document.createElement_x("select");          mySelect.id = "mySelect";           document.body.appendChild(mySelect);      } 2.添加选项option 复制代码 代码如下:      function add

js操作select控件的几种方法_表单特效

1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item 4删除select中选中的项 5修改select选项中 value="paraValue"的text为"paraText" 6设置select中text="paraText"的第一个Item为选中 7设置select中value="paraValue&qu

js操作select下拉列表的一些通用代码

//设置select中value="paraValue"的Item为选中//document.all.objSelect.value = objItemValue; //得到select的当前选中项的value//var currSelectValue = document.all.objSelect.value; //得到select的当前选中项的text//var currSelectText = document.all.objSelect.options[document.al

JS操作select下拉框动态变动

 1.动态创建select     function createSelect(){         var mySelect = document.createElement_x("select");         mySelect.id = "mySelect";           document.body.appendChild(mySelect);     } 2.添加选项option    function addOption(){