Question

我正在使用jsp。我有一个动态选择列表。用户从第一选择列表中选择选项（GSM / CDMA），并且第二选择列表中的选项相应地改变。我面临的问题是，当页面最初加载时，它显示三个列表“service”“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>

Answer 1

如果你想隐藏

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

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

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

1 个答案: