Javascript 加载页面时显示动态选择列表_Javascript_Html_Jsp

Javascript 加载页面时显示动态选择列表

javascript html jsp

Javascript 加载页面时显示动态选择列表,javascript,html,jsp,Javascript,Html,Jsp,我正在使用jsp。我有一个动态选择列表。用户从第一个选择列表中选择一个选项（GSM/CDMA），第二个选择列表中的选项相应地改变。我面临的问题是，当页面最初加载时，它会显示三个列表“服务”、“gsmservice”和“cdmaservice”。（它应该只显示两个选择列表。第一个列表用于gsm/cdma，第二个列表必须动态更改），尽管当用户从gsm或cdma中选择一个选项时，它的工作绝对正常。但最初它会显示两个选择列表，否则这些列表应该是动态的。代码如下： <html> <h

我正在使用jsp。我有一个动态选择列表。用户从第一个选择列表中选择一个选项（GSM/CDMA），第二个选择列表中的选项相应地改变。我面临的问题是，当页面最初加载时，它会显示三个列表“服务”、“gsmservice”和“cdmaservice”。（它应该只显示两个选择列表。第一个列表用于gsm/cdma，第二个列表必须动态更改），尽管当用户从gsm或cdma中选择一个选项时，它的工作绝对正常。但最初它会显示两个选择列表，否则这些列表应该是动态的。
代码如下：

<html>
<head>
<script language="JavaScript" type="text/javascript">
    function optionsChange(){   
        var service = document.getElementById("service").value;
        if(service == 'GSM'){   
            document.getElementById("cdmaService").value= '';
            document.getElementById("cdmaService").style.display = 'none';
            document.getElementById("gsmService").style.display = 'block';
        }else if(service == 'CDMA'){
            document.getElementById("gsmService").value= '';
            document.getElementById("cdmaService").style.display = 'block';
            document.getElementById("gsmService").style.display = 'none';
        }
    }
</script>
<head>
</head>
<body>
<table>
<tr>
    <td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SERVICE:</b></font> </td>
    <td><select id="service" name="service" onChange="javascript:optionsChange();">
            <option value="GSM">GSM</option>
            <option value="CDMA">CDMA</option>
        </select>
    </td>
</tr>
<tr><td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VAS :</b></font> </td></tr>
<tr id="gsmService">
    <td><select name="gsmService" > 
            <option value="COMBO OFFER">COMBO OFFER</option>
            <option value="CRICKET">CRICKET</option>
            <option value="ASTRO">ASTRO</option>
        </select>   
    </td>
</tr>   
<tr id="cdmaService">
    <td><select name="cdmaService" >
        <option value="COMBO OFFER CDMA">COMBO OFFER CDMA</option>
        <option value="WIN THE DREAM">WIN THE DREAM</option>
        <option value="VOICE CHAT">VOICE CHAT</option>
        </select>
    </td>
</tr>
</table>


函数选项更改（）{
var service=document.getElementById（“服务”）.value；
如果（服务=='GSM'）{
document.getElementById（“cdmaService”）。值=“”；
document.getElementById（“cdmaService”）.style.display='none'；
document.getElementById（“gsmService”）.style.display='block'；
}else if（服务=='CDMA'）{
document.getElementById（“gsmService”）。值=“”；
document.getElementById（“cdmaService”）.style.display='block'；
document.getElementById（“gsmService”）.style.display='none'；
}
}
服务：
GSM
码分多址
增值税：
联合报盘
板球
星的
联合报价
赢得梦想
语音聊天

如果您想初始隐藏

<tr id="gsmService" style="display:none">

<tr id="cdmaService"  style="display:none">

您最初想要什么？我只想要两个列表。“服务”和第二个应该是动态选择列表，显示“gsm”或“cdma”选项。根据第一个列表（gsm或cdma）中的选择进行更改。