我的问题是如何将下拉列表中选定的答案放入另一个下拉列表中? A组和B组如何编程?请参阅下面的代码。
示例:
if some one select from group A and from group B, i want the selected answere in de drop-down list Group A&B.
<!DOCTYPE html>
<html>
<body>
<select name="GROUD A">
<option value="Select">Group A</option>
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
<option value="A4">A4</option>
</select>
<p></P>
<select name="GROUD B">
<option value="Select">Group B</option>
<option value="B1">B1</option>
<option value="B2">B2</option>
<option value="B3">B3</option>
<option value="B4">B4</option>
</select>
<select name="GROUP A&B">
<option value="Select">Selection from Group A and B</option>
<option value="A?">A?</option>
<option value="B?">B?</option>
</select>
</body>
</html>
最佳答案
纯 JavaScript 解决方案:
检查 fiddle :
<强> http://jsfiddle.net/q6rV9/3/
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function groupA(val) {
var x = document.getElementById("groupAB");
x.options[1].value = val;
x.options[1].text = val;
x.options[1].selected="true";
}
function groupB(val) {
var x = document.getElementById("groupAB");
x.options[2].value = val;
x.options[2].text = val;
x.options[2].selected="true";
}
</script>
</head>
<body>
<form>
<select name="groupa" onchange="groupA(this.value)">
<option value="A?">Group A</option>
<option value="A1">A1</option>
<option value="A2">A2</option>
<option value="A3">A3</option>
<option value="A4">A4</option>
</select>
<p></p>
<select name="groupb" onchange="groupB(this.value)">
<option value="B?">Group B</option>
<option value="B1">B1</option>
<option value="B2">B2</option>
<option value="B3">B3</option>
<option value="B4">B4</option>
</select>
<select name="groupab" id="groupAB">
<option value="Select">select</option>
<option value="">A?</option>
<option value="">B?</option>
</select>
</form>
</body>
</html>
关于javascript - 如何从另一个下拉列表中的下拉列表中获取值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23844914/