把一个下拉框中的选项添加到另一个中
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
把一个下拉框中的选项添加到另一个中相关推荐
- html下拉框内容变更,Javascript根据另一个下拉框值更改下拉框选项
参见英文答案 > Populate one dropdown based on selection in another 3 ...
- JavaScript获取select下拉框中的第一个值
JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...
- 【解决方案】win7计算机屏保的下拉框中,无照片选项,不能设置自定义图片
手动增加计算机屏保 问题描述 解决方案 问题描述 发现在有的计算机中,想设置自定义的屏保照片时,在屏保下拉框中没有"照片的选项",导致无法选择本地照片作为屏保程序.即缺少如下标红选 ...
- js获得html下拉框的值,JavaScript如何获取select下拉框中第一个值
本文主要和大家介绍JavaScript实现获取select下拉框中第一个值的方法,涉及javascript针对页面元素属性的相关获取操作技巧,需要的朋友可以参考下,希望能帮助到大家. 1.说明 获取s ...
- jquery 将下拉框重置_select下拉框之默认选项清空
最近和小伙伴发现,select默认选项一般是提示信息,怎么才能让当我们点击下拉框时,可选的选项中没有默认的提示信息呢? 思路: 1.当点击下拉框时,让默认提示信息,即下拉框第一个选项移除. 2.当没有 ...
- Easyexcel生成excel并通过自定义注解实现下拉框以及动态下拉框(将数据库中的数据显示在excel下拉框中)
首先需要定义excel实体类 @Data @ColumnWidth(22) @HeadRowHeight(30) public class ExcelProductDTO {//动态下拉框,可以查询数 ...
- 两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...
- Django通过一个下拉框确定另外一个下拉框的值,并关联起来
1.通常,在web开发中,有这样一种页面,比如下拉框选择一个类型,这个类型底下又细分了很多种相关的描述,因此就有了这样一种需求. 下面用这样一个例子:人员类型,可以分为大学学生,大学教师,学生底下又分 ...
- 抖音下拉框中的下拉词是怎么出来的?
疑问:抖音下拉框中的下拉词是怎么出来的? 抖音下拉词展示设想 抖音下拉设想验证 抖音下拉词出现思路总结 抖音下拉词展示设想 昔年认为,抖音下拉词框中的下拉词出现与否,是根据关注热度去生成的,如果某一个 ...
最新文章
- js 点击侧边栏展示内容_【DEMO】JS实现侧边栏信息展示效果
- 聊聊WebClient的LoadBalance支持
- 数据结构(严蔚敏)之三——顺序栈之c语言实现
- JVM运行时结构、Java内存管理、JVM实例、HotSpot VM对象的创建、内存布局和访问定位
- css img 适配尺寸_CSS容易使人蒙圈的几个经典问题
- mac php 停用,Mac_MAC系统 Apple ID 停用的解决办法, 一些MAC用户发现自己的Appl - phpStudy...
- asp.net core 系列之允许跨域访问2之测试跨域(Enable Cross-Origin Requests:CORS)
- java web结束线程_java – 即使在Websphere中停止应用程序后,线程仍会继续运行
- oracle+prko+2006,oracle卸载Oracle Clusterware
- 核心频率个加速频率_AMD 32核心频率飞起!Intel
- 华为南太无线解决方案部梁旭阳_华为“测温”手机申请了专利,华为今年共申请了 8,607 项无线专利...
- 日期无忧,Python计算日期清单
- 小米有品官网:纯HTML+CSS代码
- Terminating app due to uncaught exception ‘NSInvalidArgumentException‘
- 未来智能营销时代到来,人工智能营销系统方兴未艾
- 五线谱音名和组别对照表_五线谱最全知识及符号!
- OEM、ODM模式区别
- C#调用大华相机SDK获取图片,转换成VisionPro的Icogimage格式
- 【房屋租赁网管理系统】
- 团队任务3每日立会(2018-10-22)