function copyOption(e1, e2){
try{
var e = e1.options[e1.selectedIndex];
var count=e2.length;
var i;
for(i=count;i>0;i--){
if(e.value!=e2.options[i].value){
e2.options.add(new Option(e.text, e.value));
}else{}
}
}catch(e){}
}
<input type="button" name="copy" value="复制" />
<select name="sel1">
<select name="sel2">
function copyOption(e1, e2){
try{
if(e1.selectedIndex<0)return;
var e = e1.options[e1.selectedIndex];
var tmpvalue=e2.value;//保存e2的值
e2.value=e1.value;//设置e2的值为e1的值
if(e2.selectedIndex== -1 )//如果e2里没有这个值，selectedIndex为-1
e2.options.add(new Option(e.text, e.value));
e2.value=tmpvalue;//恢复e2的值
}
}catch(e){}
}
<html>
<head>
<meta http-equiv="Content-Type" c>
<title>made by meixx</title>
<script language="javascript">
<!--
function Add(ObjSource,ObjTarget){
for(var i=ObjSource.length-1;i>=0;i--){
if(ObjSource.options[i].selected){
var opt=document.createElement("OPTION");
ObjTarget.add(opt);
opt.value=ObjSource.options[i].value;
opt.text=ObjSource.options[i].text;
ObjSource.options.removeChild(ObjSource.options[i]);
opt.selected=true;
}
}
/*
for(var i=0;i<ObjSource.length;i++){
if(ObjSource.options[i].selected){
var opt=document.createElement("OPTION");
ObjTarget.add(opt);
opt.value=ObjSource.options[i].value;
opt.text=ObjSource.options[i].text;
ObjSource.options.removeChild(ObjSource.options[i--]);
opt.selected=true;
}
}*/
}
function AddAll(ObjSource,ObjTarget){
SelectAll(ObjSource);
Add(ObjSource,ObjTarget);
}
function SelectAll(ObjSource){
for(var i=0;i<ObjSource.length;i++){
ObjSource.options[i].selected=true;
}
}
function doSubmit(){
SelectAll(frmDisplay.dltTarget);
//frmDisplay.action="";//设置form 提交的action
alert(frmDisplay.action);
//frmDisplay.submit();//取消注释即可,提交上去的options
}
//->
</script>
</head>
<body>
<table width="350" border="1" style="border-collapse:collapse " bordercolor="#111111" cellpadding="0" cellspacing="0">
<tr>
<td width="150">
<select name="dltSource" size="10" multiple style="width:100% ">
<option value="0">辽宁</option>
<option value="0">黑龙江</option>
<option value="0">吉林</option>
<option value="0">河北</option>
<option value="0">河南</option>
<option value="0">江苏</option>
<option value="0">浙江</option>
<option value="0">海南</option>
<option value="0">福建</option>
<option value="0">山东</option>
<option value="0">青海</option>
<option value="0">宁夏</option>
<option value="0">内蒙古</option>
<option value="0">新疆</option>
<option value="0">陕西</option>
</select>
</td>
<td width="50" valign="middle">
<p style="width:100%" align="center"><input type="button" value="->" title="添加"></p>
<p style="width:100%" align="center"><input type="button" value="=>" title="添加全部"></p>
<p style="width:100%" align="center"><input type="button" value="<-" title="删除"></p>
<p style="width:100%" align="center"><input type="button" value="<=" title="删除全部"></p>
</td>
<td width="150">
<form id="frmDisplay" action="xxx.jsp" method="post" style="margin:0 ">
<select name="dltTarget" size="10" multiple style="width:100% "></select>
</form>
</td>
</tr>
<tr>
<td align="center">作者:梅雪香</td>
<td align="center">ver:1.0</td>
<td align="center">
<input type="reset" value="重置">
<input type="button" value="提交" >
</td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
`<select>`元素包含一个或多个`<option>`，用户可以在这些选项中进行选择。例如： ```html <select id="mySelect"> <option value="1">Option 1 <option value="2">Option 2 <option value="3">Option 3 </...
3. **从 select 选项中 删除一个 Item** `jsRemoveItemFromSelect`函数负责删除具有特定`value`的选项。同样，它首先检查要删除的选项是否存在，如果存在，则通过`remove`方法删除指定索引的选项，并给出删除成功的...
在Web开发中，`<select>`标签用于创建一个下拉列表供用户选择选项。使用JavaScript可以方便地控制这些下拉列表的行为，例如添加、删除或修改选项等。下面详细介绍如何通过JavaScript来操作`<select>`元素。 #### 1....
- **从`select`选项中删除一个Item** ```javascript function jsRemoveItemFromSelect(objSelect, objItemValue) { if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i ; i++) { if ...
Vue 实现动态循环出的多个select 不能重复选择相同的数据前言效果图演示实现逻辑代码总结 前言 1.本篇文章功能的实现是基于vue的计算属性computed 2.个人感觉vue的计算属性computed挺适合做这个功能的，因为通过计算...
从 `select` 选项中删除一个 Item 根据提供的 `value`，查找并删除 `<select>` 控件中的相应选项。同样先检查该项是否存在，如果存在则删除。 ```javascript function jsRemoveItemFromSelect(objSelect, ...
2. 循环渲染列表元素：在Vue中，可以使用v-for指令来遍历一个数组，并为数组的每个元素渲染一个模板。在本文的实例中，通过v-for指令将数组中的元素转换为多个el-form-item组件，并为每个el-form-item内部的el-...
3. **从 select 选项中删除一个 Item** 类似地，这个函数先检查选项是否存在，然后遍历`options`数组，找到匹配项并使用`remove()`方法删除。 ```javascript function jsRemoveItemFromSelect(objSelect,...
当用户输入时，JavaScript函数会被触发，对`<select>`中的选项进行遍历，判断每个选项的文本是否包含用户输入的关键字。如果匹配，该选项则被显示或突出；如果不匹配，就隐藏或淡化。 以下是一个简单的JavaScript...
3. 从select选项中删除一个指定value值的项 要从select中删除一个指定value值的项，可以使用jsremoveitemfromselect函数。此函数接收select元素对象objselect和要删除的value值objitemvalue作为参数。通过判断指定...
- `moveAllLeft`：将第二个`select`中的所有`option`元素移动到第一个。 在编写这样的JavaScript代码时，需要注意的是优化和错误处理。例如，检查是否已选择元素、处理边界情况（如没有更多元素可移动）以及确保...
从select中删除一个option可以通过遍历并判断值或文本的方式来实现，如： ```javascript $("#ID option").each(function(){ if($(this).val() == "111" || $(this).text() == "Text to remove"){ $(this).remove...
在多级选择场景中，我们经常需要根据一个select的选择来动态更新另一个select的选项。这可以通过JavaScript实现。在本文中，当用户选择一个行业分类时，页面会调用changelocation函数，该函数会清空另一个名为...
`<select>` 标签用于创建一个下拉列表。使用 jQuery 获取或设置 `<select>` 元素的值非常方便： 1. **获取选中的值**： ```javascript var selectedValue = $('#select_id').val(); console.log(selectedValue);...
在这个例子中，可能是ID的类型不匹配，例如一个是字符串，另一个是数字。确保两者类型相同，可以将后端返回的数据类型调整为一致，或者在前端进行转换。 2. **检查数据结构**：确认`el-option`的`value`属性与`v-...
在使用Vue.js框架结合Element-UI组件库开发应用时，el-select选择器是一个常用的组件，用于实现下拉列表选择的功能。然而，在使用过程中可能会遇到一些问题，比如选择器无法显示选中的内容。这个问题可能会让开发...
3. **从select选项中删除一个Item** 使用`jsRemoveItemFromSelect`函数，同样先判断目标选项是否存在，然后通过循环遍历并移除匹配到的选项。 4. **删除select中选中的项** `jsRemoveSelectedItemFromSelect`函数...
(3)提取数据，从游标中重复提取每条记录到数据结构中，直到数据集合被提交 (4)关闭游标，使用完游标后将其关闭 3．Oracle数据库的工作模式有哪两种？它们之间有有何区别？ 答案： 在Oracle数据库中，数据库的操作...
要从select选项中删除特定的Item，需要先判断该Item是否存在，如果存在，则通过遍历找到该Item对应的索引位置，并将其从选项集合中移除。 4. 删除select中选中的项 当需要删除select中当前选中的项时，可以遍历所有...
在进行Web前端开发时，操作select元素是常见...在操作过程中，特别需要注意的是select选项删除的顺序问题，通常是从大索引到小索引进行删除，以免影响未删除选项的索引。以上方法在IE和Firefox等主流浏览器中均可使用。