<!-- 保存成一个html文件可以观看效果 -->
<HTML>
<HEAD>
<TITLE>选择下拉菜单</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Description" CONTENT="Power by hill">
</HEAD>
<BODY>
<p>选定一项或多项然后点击添加或移除(按住shift或ctrl可以多选)，或在选择项上双击进行添加和移除。</p>
<form method="post" name="myform">
<table border="0" width="400">
<tr>
<td width="40%">
<select style="height:200px;WIDTH:300px" multiple name="list1" size="10" ondblclick="moveOption(document.myform.list1, document.myform.list2)">
<!--用forEach遍历出所有的option-->
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="山东">山东</option>
<option value="安徽">安徽</option>
<option value="重庆">重庆</option>
<option value="福建">福建</option>
<option value="甘肃">甘肃</option>
<option value="广东">广东</option>
<option value="广西">广西</option>
<option value="贵州">贵州</option>
<option value="海南">海南</option>
<option value="河北">河北</option>
<option value="黑龙江">黑龙江</option>
</select>
</td>
<td width="20%" align="center">
<input type="button" value="全部添加" onclick="moveAllOption(document.myform.list1, document.myform.list2)"><br/>
<br/>
<input type="button" value="添加" onclick="moveOption(document.myform.list1, document.myform.list2)"><br/>
<br/>
<input type="button" value="移除" onclick="moveOption(document.myform.list2, document.myform.list1)"><br/>
<br/>
<input type="button" value="全部移除" onclick="moveAllOption(document.myform.list2, document.myform.list1)">
</td>
<td width="40%">
<select style="height:200px;WIDTH:300px" multiple name="list2" size="12" ondblclick="moveOption(document.myform.list2, document.myform.list1)">
</select>
</td>
</tr>
</table>
值：<input type="text" name="city" size="40">
</form>
<script language="JavaScript">
<!--操作全部-->
function moveAllOption(e1, e2){
var fromObjOptions=e1.options;
for(var i=0;i<fromObjOptions.length;i++){
fromObjOptions[0].selected=true;
e2.appendChild(fromObjOptions[i]);
i--;
}
document.myform.city.value=getvalue(document.myform.list2);
}
<!--操作单个-->
function moveOption(e1, e2){
var fromObjOptions=e1.options;
for(var i=0;i<fromObjOptions.length;i++){
if(fromObjOptions[i].selected){
e2.appendChild(fromObjOptions[i]);
i--;
}
}
document.myform.city.value=getvalue(document.myform.list2);
}
function getvalue(geto){
var allvalue = "";
for(var i=0;i<geto.options.length;i++){
allvalue +=geto.options[i].value + ",";
}
return allvalue;
}
function changepos1111(obj,index)
{
if(index==-1){
if (obj.selectedIndex>0){
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex-1))
}
}
else if(index==1){
if (obj.selectedIndex<obj.options.length-1){
obj.options(obj.selectedIndex).swapNode(obj.options(obj.selectedIndex+1))
}
}
}
</script>
</BODY>
</HTML>追问
谢谢你的回答，但只是个input，不需要这么麻烦。下拉框的值可以选多个保存下来就行了、。
...点击一组复选框,动态添加1个input输入框,输入框中自动填充所选复选...
DOCTYPE html><html> <head> <meta charset="utf-8"> <title><\/title> <\/head> <body> <input type="checkbox" id="checkbox1" value="跑步"> 跑步 <input type="checkbox" id="checkbox2" value="打球"> 打球 <input type="checkbox" id="checkbox3" value=...
网页上面如何做带搜索筛选功能的选择框,下拉列表。
如果仅考虑客户端，那么用的就是数据字典，将数据缓存起来。考虑到数据来自于服务端的比较多，且结合AJAX技术，下拉框中的内容每发生一次改变，就会查询一次服务器，然后服务端对客户端的请求进行处理，找到响应的数据，并反馈给客户端，然后客户端进行显示，这种下拉框式的列表，如今一般都是自己写的样式了...
在Jquery中怎么判断input文本框的值为空啊(最好有多种方法)?
if(A==null||A!=undefined||A==""){ \/\/处理 } 还有另一种更简单的方法 测试过 可用：var A=$("#**).val();if(A.length>0){ \/\/非空处理 }
提取ABAQUS ODB结果中每个节点的应力应变值形成inp
.在XY data from odb field output 对话框的Elements\/Nodes选项内选择Pick from viewport 单击edit selection后，在窗口内选择需要输出的点，点击鼠标中键确定。单击对话框中的plot输出应力随时间变化的曲线。
如何实现表单里的select值与input关联?
1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<script>标签，输入js代码：$('select').change(function () {$('input').val($('select').val());});。3、浏览器运行index.html页面，此时select选择的选项变化时，它的值会自动关联到input输入框中。
我下载了街机游戏的文件.但不知道用什么模拟器来运行还有怎么运行谁告诉...
作为一个完全免费的模拟器, MAME的各个版本基本上都是在网上以Zip文件形式发行的,我们可以去到其官方站点下载回来使用。当然了,对于这样一个著名的模拟器,国内外许多大大小小的模拟器站点也都会提供相关下载,比如Emuhq、Classicgaming、Arcade@Home等,过去国内的模拟器站点一般只提供指向国外服务器的下载链接,现在也都...
谁能给我一个详细的文件扩展名大全!
CSV 逗号分隔的值文件 CT Scitex CT位图文件;Paint Shop Pro Grapic编辑器文件 CTL 通常用于表示一个包含控件信息的文件;FaxWork用它来保持有关每个传真收到或发出的信息 CUE Microsoft提示牌数据文件 CUR Windows光标文件 CUT Dr Halo位图文件 CV Corel版本的档案文件;Microsoft CodeView信息屏幕文件 CWK Claris...
在SAP系统中,用哪个命令可以批量查看多个MM的Shelf date.
冻结在仓储冻结时限内的仓位 LX06 Inventory List for Fire Department 消防部门的库存清单 LX07 Check storage 检查库存 LX08 Accident Regulations List 事故细则清单 LX09 Overview of All Transf.Requirements 所有转储需求的总览 LX10 Activities per Storage Type 每一仓储类型的有关活动 LX11 Overview of ...
