问一个下拉框中选值的操作有关问题~能实现马上给分
日期：2014-05-16 浏览次数：20476 次
问一个下拉框中选值的操作问题~能实现马上给分~
例子
ABC三个下拉框
其中我已经把A和B通过2维数组实现2级联动.B是多选下拉框
现在的问题是我要把B中的值 添加到C里面, B和C之间设计了添加和删除两个按钮
C的值可以通过着两个按钮实现添加和删除,C框里的值不能重复
就像B框中的一个选择 <OPTION value= "1000元 "> 1000元 </OPTION>
到C框中还是 <OPTION value= "1000元 "> 1000元 </OPTION>
请教JS牛人~
------解决方案--------------------
参考：
<html>
<head>
<title> 添加与删除Option对象 </title>
<script_ language= "Javascript_ ">
// 添加选项
function addOption(pos){
var objSelect = document.myForm.mySelect;
// 取得字段值
var strName = document.myForm.myOptionName.value;
var strValue = document.myForm.myOptionValue.value;
// 建立Option对象
var objOption = new Option(strName,strValue);
if (pos == -1 & pos > objSelect.options.length)
objSelect.options[objSelect.options.length] = objOption;
else
objSelect.add(objOption, pos);
}
// 删除选项
function deleteOption(type){
var objSelect = document.myForm.mySelect;
if (type == true)
objSelect.options[objSelect.selectedIndex] = null;
else
objSelect.remove(objSelect.selectedIndex);
}
// 显示选项信息
function showOption(objForm){
var objSelect = objForm.mySelect;
var name = objSelect.options[objSelect.selectedIndex].text;
var value = objSelect.options[objSelect.selectedIndex].value;
alert(name + " = " + value);
}
</script_>
</head>
<body>
<h2> 添加与删除Option对象 </h2>
<hr>
<form name= "myForm ">
<select name= "mySelect ">
<option value= "中国 " Selected> 中国 </option>
<option value= "日本 "> 日本 </option>
<option value= "美国 "> 美国 </option>
</select>
<input type= "button " onclick= "showOption(this.form) " value= "显示 ">
<input type= "button " onclick= "deleteOption(true) " value= "删除 ">
<input type= "button " onclick= "deleteOption(false) " value= "Remove方法 "> <br> <br>
选项名称 : <input type= "text " name= "myOptionName " value= "英国 "> <br>
选项的值 : <input type= "text " name= "myOptionValue " value= "value4 ">
<input type= "button " onclick= "addOption(-1) " value= "添加 ">
<input type= "button " onclick= "addOption(0) " value= "插入 ">
</form>
</body>
</html>
------解决方案--------------------
帮你调试了一下，注意form标签的包含位置就行了。
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns
例子
ABC三个下拉框
其中我已经把A和B通过2维数组实现2级联动.B是多选下拉框
现在的问题是我要把B中的值 添加到C里面, B和C之间设计了添加和删除两个按钮
C的值可以通过着两个按钮实现添加和删除,C框里的值不能重复
就像B框中的一个选择 <OPTION value= "1000元 "> 1000元 </OPTION>
到C框中还是 <OPTION value= "1000元 "> 1000元 </OPTION>
请教JS牛人~
------解决方案--------------------
参考：
<html>
<head>
<title> 添加与删除Option对象 </title>
<script_ language= "Javascript_ ">
// 添加选项
function addOption(pos){
var objSelect = document.myForm.mySelect;
// 取得字段值
var strName = document.myForm.myOptionName.value;
var strValue = document.myForm.myOptionValue.value;
// 建立Option对象
var objOption = new Option(strName,strValue);
if (pos == -1 & pos > objSelect.options.length)
objSelect.options[objSelect.options.length] = objOption;
else
objSelect.add(objOption, pos);
}
// 删除选项
function deleteOption(type){
var objSelect = document.myForm.mySelect;
if (type == true)
objSelect.options[objSelect.selectedIndex] = null;
else
objSelect.remove(objSelect.selectedIndex);
}
// 显示选项信息
function showOption(objForm){
var objSelect = objForm.mySelect;
var name = objSelect.options[objSelect.selectedIndex].text;
var value = objSelect.options[objSelect.selectedIndex].value;
alert(name + " = " + value);
}
</script_>
</head>
<body>
<h2> 添加与删除Option对象 </h2>
<hr>
<form name= "myForm ">
<select name= "mySelect ">
<option value= "中国 " Selected> 中国 </option>
<option value= "日本 "> 日本 </option>
<option value= "美国 "> 美国 </option>
</select>
<input type= "button " onclick= "showOption(this.form) " value= "显示 ">
<input type= "button " onclick= "deleteOption(true) " value= "删除 ">
<input type= "button " onclick= "deleteOption(false) " value= "Remove方法 "> <br> <br>
选项名称 : <input type= "text " name= "myOptionName " value= "英国 "> <br>
选项的值 : <input type= "text " name= "myOptionValue " value= "value4 ">
<input type= "button " onclick= "addOption(-1) " value= "添加 ">
<input type= "button " onclick= "addOption(0) " value= "插入 ">
</form>
</body>
</html>
------解决方案--------------------
帮你调试了一下，注意form标签的包含位置就行了。
----------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
