请大神帮我看看，我想通过jQuery点击不同“China”radio时显示Province的下拉菜单，Zone菜单就隐藏 25
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#radio1").click(function(){
$("#Province").show();
$("#Zone").hide()};
$("#radio2").click(function(){
$("#Zone").show();
$("#Province").hide(); }
} );
</script>
</head>
<body>
<div id="container">
<div id="content">
<form action="success.jsp" method="post">
<p> </p>
<table class="STYLE1" align="center">
<td>COUNTRY </td>
<td>
<input type="radio" id="radio1" name="country" value="China">China
<input type="radio" id="radio2" name="country" value="Abroad">Abroad
</td>
</tr><tr><td> </td></tr>
<tr id="Zone">
<td>ZONE </td>
<td><select name="zone">
<option> please select your zone </option>
</select></td>
</tr>
<tr><td> </td></tr>
<tr id="Province">
<td>PROVINCE </td>
<td><select name="province">
<option>please select your province </option>
</select></td>
</tr>
<td colspan ="14" align="center">
<input type="submit" value="sure">
</td>
</tr>
</table>
</form>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#radio1").click(function(){
$("#Province").show();
$("#Zone").hide()};
$("#radio2").click(function(){
$("#Zone").show();
$("#Province").hide(); }
} );
</script>
</head>
<body>
<div id="container">
<div id="content">
<form action="success.jsp" method="post">
<p> </p>
<table class="STYLE1" align="center">
<td>COUNTRY </td>
<td>
<input type="radio" id="radio1" name="country" value="China">China
<input type="radio" id="radio2" name="country" value="Abroad">Abroad
</td>
</tr><tr><td> </td></tr>
<tr id="Zone">
<td>ZONE </td>
<td><select name="zone">
<option> please select your zone </option>
</select></td>
</tr>
<tr><td> </td></tr>
<tr id="Province">
<td>PROVINCE </td>
<td><select name="province">
<option>please select your province </option>
</select></td>
</tr>
<td colspan ="14" align="center">
<input type="submit" value="sure">
</td>
</tr>
</table>
</form>
</div>
</body>
</html> 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(":radio[value='China']").click(function(){
$("[id='Province']").show();
$("[id='Zone']").hide();
});
$(":radio[value='Abroad']").click(function(){
$("[id='Province']").hide();
$("[id='Zone']").show();
});
});
</script>
</head>
<body>
<div id="container">
<div id="content">
<form action="success.jsp" method="post">
<p></p>
<table class="STYLE1" align="center">
<tr>
<td>COUNTRY</td>
<td>
<input type="radio" id="radio1" name="country" value="China">China
<input type="radio" id="radio2" name="country" value="Abroad">Abroad</td>
</tr>
<tr>
<td></td>
</tr>
<tr id="Zone">
<td>ZONE</td>
<td>
<select name="zone">
<option>please select your zone</option>
</select>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr id="Province">
<td>PROVINCE</td>
<td>
<select name="province">
<option>please select your province</option>
</select>
</td>
</tr>
<tr>
<td colspan="14" align="center">
<input type="submit" value="sure">
</td>
</tr>
</table>
</form>
</div>
</div>
</body>
</html>
追问
大神我试了一下你写的代码，我怎么实现不了呢，你用的是什么浏览器啊
追答
什么浏览器都试过了，都可以实现
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
