javaScript实现从一个下拉列表到另一个下拉列表

最新推荐文章于 2022-04-25 11:20:59 发布
最新推荐文章于 2022-04-25 11:20:59 发布
阅读量192 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/mxxblog/archive/2012/03/20/2408987.html
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" language="javascript">
function Clik() {
var oldSelect = document.getElementById("oldSelect");
for (var i = 0; i < oldSelect.options.length; i++) {
if (oldSelect.options[i].selected) {
var newSelect = document.getElementById("newSelect");
                    newSelect.appendChild(oldSelect.options[i]);          
                }
            }
            alert( oldSelect.options[oldSelect.options.length-1].value);
        }
</script>
</head>
<body>
<select id="oldSelect" size="11" style=" width:150px; overflow:hidden;" name="mysel"  multiple="multiple">
<option >aaa001</option>
<option>aaa002</option>
<option>aaa003</option>
<option>aaa004</option>
<option>aaa005</option>
<option>aaa006</option>
<option>aaa007</option>
<option>aaa008</option>
<option>aaa009</option>
<option>aaa010</option>
<option>aaa011</option>
</select>
<input value=">>>>" type="button" id="btnmove" onclick="Clik()" />
<select id="newSelect" size="11"  style=" width:150px; overflow:hidden;" name="mysel"  multiple="multiple">

</select>
</body>
</html>


编辑器加载中...

转载于:https://www.cnblogs.com/mxxblog/archive/2012/03/20/2408987.html

weixin_30546933
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 实现 从一个下拉列表往另一个下拉列表添加内容
03-31
js 实现 从一个下拉列表往另一个下拉列表添加内容! 值得下载看看!资源免费,大家分享!!
从一个下拉列表往另一个下拉列表添加内容
程序人生的专栏
12-04 1804
无标题文档 北京 上海 武汉 重庆 孝感 <!-- var oldSel=document.getElementById("oldSelect"); var newSel=document.getElementById("newSelect"); var move=document.getElementById("btnMove"); var ne
点击下拉列表值动态加载另外一个下拉列表
陌子曦的专栏
05-21 532
1.jsp页面，定义2个下拉列表 <select type='text' onchange = "getData();" style='width:145px;' name='typeName1' id='typeName1'></select> <select type='text' style='width:145px;' name='typeName' id='typeName'></select> 2.获取数据列表 // 形成下拉框
JS实现左边的下拉框内容移动到右边下拉框，支持内容上下移动
包子的博客
03-22 1568
JS实现左边的下拉框内容移动到右边下拉框，支持内容上下移动前言1.准备工作2.添加功能3.删除功能4.上移功能5.下移功能 前言 最近开始学JavaScript，发现这个案例在网上写的都不是很清楚，特意在此上传一遍，还是个新手，写的不好的地方请指出。 效果图如下： 接下来是代码。 1.准备工作 编写HTML代码。设计结构与显示样式，具体代码如下： <style> select { ...
HTML+JavaScript实现在一个下拉框中多选，然后提交到另外一个下拉框中的效果
weixin_30888027的博客
03-20 347
<html><head><scriptlanguage="javascript">functiondroplist_submit(){varselect_instance=document.form1.s1;varselect_instance2=document.form1.s2;...
一个漂亮的下拉列表，去掉了灰色倒三角按钮
10-30
7. Web开发技巧：通过分析给定的文件，我们可以学习到一些Web开发技巧，例如如何使用JavaScript和CSS来实现下拉列表，如何使用变量和对象来存储环境变量，如何使用浏览器兼容性处理等。 8. 网页优化：通过分析给定...
JavaScript XML实现两级级联下拉列表
10-30
通过这种方式，我们可以有效地利用XML文件作为数据源，结合JavaScript来实现一个响应迅速且易于维护的两级级联下拉列表功能。这种方法不仅提高了数据处理的速度和效率，还简化了开发流程，减少了对服务器端数据库的...
javascript实现通过拼音首字母快速选择下拉列表
10-30
在JavaScript编程中，实现通过拼音首字母快速选择下拉列表是一项常见的交互优化技术，它可以提升用户的操作效率。这个功能的基本思路是：用户在输入字母时，程序会根据当前焦点在的下拉列表（select元素）中的选项，...
基于JavaScript实现控制下拉列表
10-15
本文将详细介绍如何使用JavaScript实现对下拉列表（`<select>`）的控制，包括选择单个选项、全选和移除选项等操作。 首先，我们需要理解HTML中的`<select>`标签。`<select>`用于创建下拉列表，可以通过`<option>`...
html下拉框内容变更,Javascript根据另一个下拉框值更改下拉框选项
weixin_39606396的博客
06-03 646
参见英文答案 > Populate one dropdown based on selection in another3个我正在练习JavaScript编程,我发现了一些问题,一些专家必须回答有关下拉框的问题.情景是：我有一个下拉框,为省份和第二个(城镇)提供了一些可能的选项,这仅取决于省份下拉菜单中选择的内容.有没有...
html单选框数据移动到另一个,在javascript中将条目从一个选择项移动到另一个选项...
weixin_42181693的博客
06-10 254
第一个列表框是根据文本框中键入的内容从数据库填充的。项目应该从一个列表框移动到另一个列表框，具体取决于按下哪个按钮。然而，目前一旦这样做，那么这两个列表似乎被清除。任何人都可以看到为什么是这种情况。以下是JavaScript$('#txtMRN').keyup(function() {var s = $('#txtMRN').val();var l = s.length;var lst = doc...
html页面下拉列表,使用一个html页面的下拉列表到另一个html页面
weixin_39574065的博客
06-03 334
我有一个html5主页面(main.html)和另外两个html5页面(country.html和state.html)。使用一个html页面的下拉列表到另一个html页面country.html页面包含250个国家像下面的选择下拉列表。AfghanistanAlbania.....Canary Islandsstate.html包含像下面BadakhshanBadghis...............
下拉列表多向选择html,原生JS实现下拉列表选择、赋值
weixin_32063287的博客
06-03 751
1、index.htmljs实现下拉选择请选择分类ASP开发.Net开发PHP开发Javascript开发Java特效2、css/style.css*{margin: 0;padding: 0;}#outDiv{margin:100px auto;width: 200px;}#outDiv span{display:block;height:25px;line-height: 25px;font-...
js下拉列表二级联动
热门推荐
一个人的博客
01-20 8万+
 学了JS也有一段时间了，今天把JS中较为重要的下拉列表二级联动记录一下。所谓二级联动，就是要通过一个下拉列表的选择从而在另一个select下拉列表中显示出对应的数据。好比我有两个下拉列表，第一列表是选择省份，那么我选择某一个省份，那么另一个列表也会对应显示该省份的城市。    如上图所示，我选择了河北省，那么对应的城市列表中就会出现相应的城市。代码如下: js: cities = ne...
根据第一个下拉列表的值改变另一个下拉列表内容（省市联动）
m0_64395767的博客
12-28 1803
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form action=" " method="post" name="myform"> <!-- 创建一号下拉列表 并插入函数 “changecity( )”：值变动时触发 --> .
html中左右移动选择框,HTML选择框，我该如何移动/复制所选的选项从一个<select>到另一个...
weixin_36059505的博客
06-03 554
有在你的代码的两个问题，1，获取所选选项的代码是错误的。以下是它应该如何。var selectedOpts = $(this).prev('select').find('option:selected');2，该代码获取到移动选项选择是错误的。我想不到一个不使用css选择器的方式来获取选择。在我看来，这样做明显地表达了意图。修改后的标记(添加CSS类到每个选择)：tototititatatutu修...
php下拉框js,js如何实现select下拉框选择
weixin_35662670的博客
03-10 180
首先来看一下效果图：(推荐教程：js教程)具体代码如下：自定义select*{margin: 0;padding: 0;}#main{position: relative;width: 280px;height: 42px;}#content{width: 280px;height: 42px;line-height: 42px;padding-left: 10px;background: rgb...
如何一个下拉框内容选中，另一个下拉框内容自动选定
m17130431的博客
04-25 1892
1- 先定义二个下拉框 如图 2- 在其中一个下拉框select中选择onchange属性，在JS中编写要实现需要联动的方法。如：当我选择否时，分类等级自动显示不成立。主要代码如下： if(node === "No"){ valueNumber = "不成立"; $("#Grade").removeAttr("disabled"); $("#Grade").attr("readonly",true); } var element = document...
根据一个下拉框改变另外一个下拉框内容
lier的博客
06-27 1万+
一、前言 在编写网页的时候，有时候需要用到多重内容选择，例如先选择省市，再选择县镇等过程。这里简单实现了根据第一个下拉框点击的时候修改另外一个下拉框的内容，希望能对大家有所帮助。 二、实现思路 定义两个select选择框，在js脚本中设置第一个下拉框的onchange函数，点击时删除第二个下拉框原有的内容并添加新的内容。 三、HTML+JS源代码 <!DOCTYPE html> &lt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值