Javascript onchange组合框和java脚本

我想知道，当我从组合框中选择一个值时，它会显示特殊的表，当我选择另一个值时，它会显示另一个表，但我的代码不能正常工作

<script> 
function bank_state() {
     if (document.profile.nb_shetab_bank.value == 'SAMAN') {
         document.getElementById('auth_method_pr1').style.display = 'inline';
         document.getElementById('auth_method_pr2').style.display = 'none';
     } else if (document.profile.nb_shetab_bank.value == 'MELAT') {
         document.getElementById('auth_method_pr1').style.display = 'none';
         document.getElementById('auth_method_pr2').style.display = 'inline';
     }
}
</script>


<select name="nb_shetab_bank" size="1" onchange="bank_state();" >
 <option value="SAMAN" selected>Saman</option>
 <option value="MELAT" >Mellat</option>
</select>
<table  border="1" cellpadding="0" cellspacing="0" id="auth_method_pr1"    
style="display:none;">
  <tr><td>salam</td></tr>
 </table>
 <table width="100%" border="1" cellpadding="0" cellspacing="0" id="auth_method_pr2"
      style="display:none;">   
  style="display:none;">
  <tr><td>salam salam</td></tr>
  </table> 

功能库_状态（）{
如果（document.profile.nb_shetab_bank.value=='SAMAN'）{
document.getElementById（'auth_method_pr1'）。style.display='inline'；
document.getElementById（'auth_method_pr2'）。style.display='none'；
}else if（document.profile.nb_shetab_bank.value=='MELAT'）{
document.getElementById（'auth_method_pr1'）。style.display='none'；
document.getElementById（'auth_method_pr2'）。style.display='inline'；
}
}
萨曼
梅拉特
萨拉姆
style=“display:none；”>
萨拉姆萨拉姆

将

显示更改为“内联”不是一个好主意，确实会导致奇怪的行为。最好改为使用默认值的空字符串：

document.getElementById('auth_method_pr1').style.display = "";

也就是说，您的代码可以编写得稍有不同，以便更具可读性和更好。首先，将下拉对象发送到函数：

<select name="nb_shetab_bank" size="1" onchange="bank_state(this);" >

---

什么是

profile

<代码>表格名称？是的……谢谢，我忘了……：）第二张表格中有两种样式。是打字错误吗？

function bank_state(sender) {
    var table1 = document.getElementById('auth_method_pr1');
    var table2 = document.getElementById('auth_method_pr2');
    switch (sender.value) {
        case 'SAMAN':
            table1.style.display = '';
            table2.style.display = 'none';
            break;
        case 'MELAT':
            table2.style.display = '';
            table1.style.display = 'none';
            break;
    }
}