JAVASCRIPT 实现增加和删除Select元素

ゝ一纸荒年。 2022-05-21 09:17 195阅读 0赞

<script type="text/javascript">
     //清除选择选项
     function cleanValue(cleanSelect,descSelect,isRemove){
      var srcSel=  document.getElementById(cleanSelect);
      var descSel=document.getElementById(descSelect);
        var count=srcSel.length;
        for(var i=0;i<count;i++){   
      if(srcSel.options[i].selected){
         if(isRemove){
           var isExists=false;
           for(var j=0;j<descSel.length;j++){
            if(parseInt(descSel.options[j].value)==parseInt(srcSel.options[i].value)){
             isExists=true;
             break;
            }
           }
           if(!isExists){
            descSel.options[descSel.length]= new Option(srcSel.options[i].text,srcSel.options[i].value); 
           }
         }
         srcSel.remove(srcSel.selectedIndex);
         i--;
         count--;
      }
     } 
     }
    
    //添加选项
    function addSelect(srcSelect,descSelect,isRemove){
     var srcSel = document.getElementById(srcSelect);
     var descSel = document.getElementById(descSelect);
     var count=srcSel.length;
     for( var i=0;i<count;i++){   
      if(srcSel.options[i].selected){
       descSel.options[descSel.length]= new Option(srcSel.options[i].text,srcSel.options[i].value);
       if(isRemove){
           srcSel.remove(srcSel.selectedIndex);
           count--;
           i--;
         }
      }
     }
    }
    
    function getSelectAllValue(srcSelect,descSelect){
     var srcSel = document.getElementById(srcSelect);
     var pv=document.getElementById(descSelect);
     var value="";
     for( var i=0;i<srcSel.length;i++){   
      value+=srcSel.options[i].value+",";
     }
     if(value.length>0){
      pv.value=value.substring(0,value.length-1);
     }
    }
     </script>
    
     
    
     
    
     
    
     
    
    <tr bgcolor="#FFFFFF">
       <td>奖品池:</td>
       <td>
        <select id="awardList" name="awardList" size="5" style="width: 156px">
         <c:forEach var="award" items="${awardList}">
          <option value="${award.id }">${award.award_name }</option>
         </c:forEach>
        </select>
       </td>
       <td>
        <b style="text-align: center;">添加奖品</b>
        <ol>
         <li><a href="javascript:void(0);" οnclick="addSelect('awardList','addAwardList',false)">拷贝></a></li>
         <li><a href="javascript:void(0);" οnclick="addSelect('awardList','addAwardList',true)">移>></a></li>
         <li><a href="javascript:void(0);" οnclick="cleanValue('addAwardList','awardList',false)"> 删除右 </a></li>
         <li><a href="javascript:void(0);" οnclick="cleanValue('addAwardList','awardList',true)"> <<移 </a></li>
        </ol>
       </td>
       <td>
        <select id="addAwardList" name="addAwardList" size="5" style="width: 156px">
        </select>
       </td>
      </tr>

发表评论取消回复

表情：

评论列表（有 0 条评论，195人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python：删除、增加字典的元素

一、增加一个或多个元素 * d = {'a': 1} 1. d.update(b=2) 也可以 d.update({‘b’: 2}) ...

傷城~/ 2024年04月19日 13:30/ 0 赞/ 70 阅读

相关 jQuery实现增加和删除功能

代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti

以你之姓@/ 2022年12月02日 12:30/ 0 赞/ 193 阅读

相关 javaScript_BOM_增加删除节点

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>document

柔情只为你懂/ 2022年06月13日 08:46/ 0 赞/ 186 阅读

相关 JAVASCRIPT 实现增加和删除Select元素

<script type="text/javascript"> //清除选择选项 function cleanValue(cleanSelect

ゝ一纸荒年。/ 2022年05月21日 09:17/ 0 赞/ 196 阅读

相关 javascript——动态增加删除行

<%@ page language="java" import="java.util.\" pageEncoding="UTF-8"%> <% String path

快来打我*/ 2022年05月09日 13:38/ 0 赞/ 261 阅读

相关 python和C数组元素的删除和增加

c 语言版本：[https://blog.csdn.net/zzwtyds/article/details/77299871][https_blog.csdn.net_zzwt

小鱼儿/ 2022年04月14日 03:08/ 0 赞/ 188 阅读

相关 JavaScript增加和删除DOM节点

创建节点 > var p = createElement(element); // 创建标签

雨点打透心脏的1/2处/ 2022年02月09日 14:43/ 0 赞/ 312 阅读

相关 Swing JList 元素移动(增加删除)

Requirements 在第一个列表框中添加北京、上海、天津、江苏、浙江、广东6个选项，当双击两个列表框，可实现将当前列表框中的选中的选项添加到另一个列表框中，并

￡神魔★判官ぃ/ 2022年01月31日 23:51/ 0 赞/ 236 阅读

相关 Javascript 删除tr 元素

Javascript function delete1(obj){ var tr=obj.parentNode.parentNode;

Myth丶恋晨/ 2022年01月06日 18:45/ 0 赞/ 358 阅读

相关 jquery 增加与删除数组元素

1.数组元素的添加 demoArray.push(value); var demo=new Array(); var key=[4,5]; demo

迈不过友情╰/ 2021年12月19日 03:43/ 0 赞/ 390 阅读