1<html>
 2 <body>
 3 <form name="aa">
 4  <table align="center">
 5   <tr>
 6    <td>
 7     <select name="xuanze" size="6"  style="width:80px">
 8      <option value="海淀">海淀</option>
 9      <option value="朝阳">朝阳</option>
10      <option value="东城">东城</option>
11      <option value="西城">西城</option>
12      <option value="宣武">宣武</option>
13      <option value="丰台">丰台</option>
14     </select>
15    </td>
16    <td align="center">
17     <input type="button" value="添加>>" onclick="javascript:add()"/>
18     <br>
19     <input type="button" value="<<删除" onclick="javascript:del()"/>
20    </td>
21    <td>
22     <select name="xuanzhong" size="6" style="width:80px"></select>
23    </td>
24   </tr>
25
26  </table>
27</form>
28 </body>
29 <script type="text/javascript">
30         function isexist(va){
31           var ee = false;
32           for(var i=0;i<document.aa.xuanzhong.options.length;i++)
33             if(document.aa.xuanzhong.options[i].value==va)
34              {  ee=true; break;}
35           return ee;
36         }
37  function add(){//添加
38     for(var i=0;i<document.aa.xuanze.options.length;i++)
39        if(document.aa.xuanze.options[i].selected) {
40          if(!isexist(document.aa.xuanze.options[i].value)) //是否已经添加??
41          document.aa.xuanzhong.options[document.aa.xuanzhong.options.length]
42          = new Option(document.aa.xuanze.options[i].value,document.aa.xuanze.options[i].text);
43        }
44  }
45  function del(){
46     for(var i=document.aa.xuanzhong.options.length-1;i>=0;i--)
47       if(document.aa.xuanzhong.options[i].selected)
48         document.aa.xuanzhong.options[i] = null; //删除一个项目
49 
50  }
51 </script>
52</html>

转载于:https://www.cnblogs.com/liuhaitao/archive/2008/06/25/1229681.html

把一个下拉框中的选项添加到另一个中相关推荐

  1. html下拉框内容变更,Javascript根据另一个下拉框值更改下拉框选项

    参见英文答案 > Populate one dropdown based on selection in another                                    3 ...

  2. JavaScript获取select下拉框中的第一个值

    JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...

  3. 【解决方案】win7计算机屏保的下拉框中,无照片选项,不能设置自定义图片

    手动增加计算机屏保 问题描述 解决方案 问题描述 发现在有的计算机中,想设置自定义的屏保照片时,在屏保下拉框中没有"照片的选项",导致无法选择本地照片作为屏保程序.即缺少如下标红选 ...

  4. js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值

    本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...

  5. jquery 将下拉框重置_select下拉框之默认选项清空

    最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...

  6. Easyexcel生成excel并通过自定义注解实现下拉框以及动态下拉框(将数据库中的数据显示在excel下拉框中)

    首先需要定义excel实体类 @Data @ColumnWidth(22) @HeadRowHeight(30) public class ExcelProductDTO {//动态下拉框,可以查询数 ...

  7. 两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...

    我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...

  8. Django通过一个下拉框确定另外一个下拉框的值,并关联起来

    1.通常,在web开发中,有这样一种页面,比如下拉框选择一个类型,这个类型底下又细分了很多种相关的描述,因此就有了这样一种需求. 下面用这样一个例子:人员类型,可以分为大学学生,大学教师,学生底下又分 ...

  9. 抖音下拉框中的下拉词是怎么出来的?

    疑问:抖音下拉框中的下拉词是怎么出来的? 抖音下拉词展示设想 抖音下拉设想验证 抖音下拉词出现思路总结 抖音下拉词展示设想 昔年认为,抖音下拉词框中的下拉词出现与否,是根据关注热度去生成的,如果某一个 ...

最新文章

  1. js 点击侧边栏展示内容_【DEMO】JS实现侧边栏信息展示效果
  2. 聊聊WebClient的LoadBalance支持
  3. 数据结构(严蔚敏)之三——顺序栈之c语言实现
  4. JVM运行时结构、Java内存管理、JVM实例、HotSpot VM对象的创建、内存布局和访问定位
  5. css img 适配尺寸_CSS容易使人蒙圈的几个经典问题
  6. mac php 停用,Mac_MAC系统 Apple ID 停用的解决办法,  一些MAC用户发现自己的Appl - phpStudy...
  7. asp.net core 系列之允许跨域访问2之测试跨域(Enable Cross-Origin Requests:CORS)
  8. java web结束线程_java – 即使在Websphere中停止应用程序后,线程仍会继续运行
  9. oracle+prko+2006,oracle卸载Oracle Clusterware
  10. 核心频率个加速频率_AMD 32核心频率飞起!Intel
  11. 华为南太无线解决方案部梁旭阳_华为“测温”手机申请了专利,华为今年共申请了 8,607 项无线专利...
  12. 日期无忧,Python计算日期清单
  13. 小米有品官网:纯HTML+CSS代码
  14. Terminating app due to uncaught exception ‘NSInvalidArgumentException‘
  15. 未来智能营销时代到来,人工智能营销系统方兴未艾
  16. 五线谱音名和组别对照表_五线谱最全知识及符号!
  17. OEM、ODM模式区别
  18. C#调用大华相机SDK获取图片,转换成VisionPro的Icogimage格式
  19. 【房屋租赁网管理系统】
  20. 团队任务3每日立会(2018-10-22)

热门文章

  1. 系统学习机器学习之线性判别式(一)
  2. DSP之时钟与定时器之一时钟发生器
  3. 彩电主板更换后图像是矩型怎么处理_液晶彩电主板常见故障维修
  4. 什么时候不需要回表?
  5. idea连接Mysql报错
  6. Linux终端显示图像
  7. 从0开始python后端开发_前端(html)向后端(python)传递数据_GET_POST
  8. 持续集成~Jenkins构建GitHub项目的实现
  9. 行内元素多出的空白文本节点的解决方法
  10. jquery 如何控制滚动条每次向下滚动300px