2009-11-22 46 views
4

我有2個組合框「combo1」和「combo2」,如何使用JavaScript更改組合框中的「selected」值?

如果我在combo1中選擇任何值,我需要在combo2中使用與JavaScript「選擇」相同的值。應該在下面的HTML中添加哪些JavaScript代碼才能使其工作? !全SPK:

<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> 
+0

'的JavaScript = Java' 請不要標記Javascript的問題'java' – 2009-11-22 08:28:51

回答

11
<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> 
+0

TKS烏拉圭回合答案 – Alex 2009-11-22 09:14:16

+3

@Alex句子plz。 – 2009-11-22 17:20:25

1

的onChange()可以幫助 <select name="combo1" onChange="changeCombo2(...)">

相關問題