如何改变“选择的”使用JavaScript的组合框中的值？ [英] How to change "selected" value in combobox using JavaScript?
本文介绍了如何改变“选择的”使用JavaScript的组合框中的值？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我有两个组合框combo1和combo2，
I have 2 comboboxes, "combo1" and "combo2",
如果我在combo1中选择任何值，我需要combo2中的值与selected通过JavaScript。什么JavaScript代码应该添加到下面的HTML以使其工作？
If I select any value in combo1, I need that same value in combo2 as "selected" by JavaScript. What JavaScript code should be added to the HTML below to make it work?
<html>
<head>
<title>combo</title>
</head>
<body>
<form name="testForm" action="" method="post">
<select name="combo1">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select><br /><br />
<select name="combo2">
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select>
</form>
</body>
</html>
推荐答案
<script type='text/javascript'>
window.onload = function() { BindEvent(); }
function BindEvent()
{
var elemToBind = document.getElementById ( "cmb1" );
elemToBind.onchange = function () { SetSel ( this ); }
}
function SetSel(elem)
{
var secondCombo = document.getElementById ( "cmb2" );
secondCombo.value = elem.value;
}
</script>
<body>
<select id="cmb1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<select id="cmb2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</body>
这篇关于如何改变“选择的”使用JavaScript的组合框中的值？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
