gpt4 book ai didi

javascript - 根据在另一个选择列表中选择的值填充一个选择列表

转载 作者:行者123 更新时间:2023-12-03 12:45:25 25 4
gpt4 key购买 nike

我正在使用jsp制作一个界面。我有两个选择列表。我必须根据第一个选择列表中的值填充第二个选择列表。

示例:

选择列表有:GSM、CDMA

那么,

如果用户选择 GSM,他应该在选择列表 2 中看到 CRICKET、COMBO OFFER、ASTRO。或者如果用户选择 CDMA,他应该在选择列表 2 中看到 COMBO OFFER CDMA、VOICE CHAT、WIN THE DREAM

有人可以帮我吗?

这是代码

<tr>
<td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SERVICE:</b></font> </td>
<td><select name="service" >
<option value="GSM">GSM</option>
<option value="CDMA">CDMA</option>
</select>
</td>


<td style="color:white"> <font size="2"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VAS :</b></font> </td>
<td><select name="service" >
<option value="COMBO OFFER">COMBO OFFER</option>
<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>
<option value="CRICKET">CRICKET</option>
<option value="ASTRO">ASTRO</option>
</select>
</td>
</tr>

最佳答案

尝试这样:

    <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>
</body>

关于javascript - 根据在另一个选择列表中选择的值填充一个选择列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23361468/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com