做了个下拉菜单中控制div显示或隐藏，但是放在
里DIV就会无效果了，急求解决方法！

Yuyuquan 2016-09-03 06:44:13
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<title>下拉菜单中控制div显示或隐藏</title>
</head>

<body>
<div>
<table>

<tr>
<td width="9%" align="right" nowrap>车辆选择</td>
<td colspan="5" align="left">

<select name="vinchoose" id="vinchoose">
<option value="凯美瑞">凯美瑞</option>
<option value="雷凌">雷凌</option>
<option value="保时捷">保时捷</option>
<option value="雷诺">雷诺</option>
</select></td>
</tr>

<div>
<div id="d1" style = "">
<tr>
<td width="9%" align="right" nowrap>车辆昵称</td>
<td colspan="2"><input type="text" id="id"
value="${model.CAR_NICKNAME}" disabled></td>
<td width="9%" align="right" nowrap>VIN</td>
<td colspan="2"><input type="text" id="qd"
value="${model.VINNO}" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车牌号</td>
<td colspan="2"><input type="text" id="id"
value="${model.REGISTERNO}" disabled></td>
<td width="9%" align="right" nowrap>发动机号</td>
<td colspan="2"><input type="text" id="qd"
value="${model.VHCENGINE}" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车型</td>
<td colspan="2"><input type="text" id="id"
value="${model.VEHICLENAME}" disabled></td>
<td width="9%" align="right" nowrap>SFX</td>
<td colspan="2"><input type="text" id="qd" value="${model.SFX}"
disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车辆里程</td>
<td colspan="2"><input type="text" id="id"
value="${model.mileage}" disabled></td>
<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
<td colspan="2"><input type="text" id="qd"
value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled></td>
</tr>
</div>

<div id="d2" style="display:none;">
<tr>
<td width="9%" align="right" nowrap>车辆昵称</td>
<td colspan="2"><input type="text" id="id"
value="22222" disabled></td>
<td width="9%" align="right" nowrap>VIN</td>
<td colspan="2"><input type="text" id="qd"
value="22222" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车牌号</td>
<td colspan="2"><input type="text" id="id"
value="${model.REGISTERNO}" disabled></td>
<td width="9%" align="right" nowrap>发动机号</td>
<td colspan="2"><input type="text" id="qd"
value="${model.VHCENGINE}" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车型</td>
<td colspan="2"><input type="text" id="id"
value="${model.VEHICLENAME}" disabled></td>
<td width="9%" align="right" nowrap>SFX</td>
<td colspan="2"><input type="text" id="qd" value="${model.SFX}"
disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车辆里程</td>
<td colspan="2"><input type="text" id="id"
value="${model.mileage}" disabled></td>
<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
<td colspan="2"><input type="text" id="qd"
value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled></td>
</tr>
</div>

<div id="d3" style="display:none;">
<tr>
<td width="9%" align="right" nowrap>车辆昵称</td>
<td colspan="2"><input type="text" id="id"
value="333333" disabled></td>
<td width="9%" align="right" nowrap>VIN</td>
<td colspan="2"><input type="text" id="qd"
value="333333" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车牌号</td>
<td colspan="2"><input type="text" id="id"
value="${model.REGISTERNO}" disabled></td>
<td width="9%" align="right" nowrap>发动机号</td>
<td colspan="2"><input type="text" id="qd"
value="${model.VHCENGINE}" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车型</td>
<td colspan="2"><input type="text" id="id"
value="${model.VEHICLENAME}" disabled></td>
<td width="9%" align="right" nowrap>SFX</td>
<td colspan="2"><input type="text" id="qd" value="${model.SFX}"
disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车辆里程</td>
<td colspan="2"><input type="text" id="id"
value="${model.mileage}" disabled></td>
<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
<td colspan="2"><input type="text" id="qd"
value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled></td>
</tr>
</div>

<div id="d4"dd style="display:none;">
<tr>
<td width="9%" align="right" nowrap>车辆昵称</td>
<td colspan="2"><input type="text" id="id"
value="444444" disabled></td>
<td width="9%" align="right" nowrap>VIN</td>
<td colspan="2"><input type="text" id="qd"
value="44444" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车牌号</td>
<td colspan="2"><input type="text" id="id"
value="${model.REGISTERNO}" disabled></td>
<td width="9%" align="right" nowrap>发动机号</td>
<td colspan="2"><input type="text" id="qd"
value="${model.VHCENGINE}" disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车型</td>
<td colspan="2"><input type="text" id="id"
value="${model.VEHICLENAME}" disabled></td>
<td width="9%" align="right" nowrap>SFX</td>
<td colspan="2"><input type="text" id="qd" value="${model.SFX}"
disabled></td>
</tr>
<tr>
<td width="9%" align="right" nowrap>车辆里程</td>
<td colspan="2"><input type="text" id="id"
value="${model.mileage}" disabled></td>
<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
<td colspan="2"><input type="text" id="qd"
value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled></td>
</tr>
</div>
</div>
</table>
<div>

<script type="text/javascript">

var dd="";
var map = {"凯美瑞":"d1", "雷凌":"d2", "保时捷":"d3","雷诺":"d4"};
$("#vinchoose").bind("change", function(){
var divId = map[this.value];
document.getElementById("d1").style.display="none";
document.getElementById(divId).style.display="";
if(dd!=""){
if(dd!=divId){
document.getElementById(dd).style.display="none";
}
}
dd=divId;
}
);
</script>
</body>
</html>
...全文
250 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
Yuyuquan 2016-09-03
  • 打赏
  • 举报
 回复
好的！谢谢，帮我大忙了，感激！
天际的海浪 2016-09-03
  • 打赏
  • 举报
 回复 

<table>
	<thead>
		<tr>
			<td width="9%" align="right" nowrap>车辆选择</td>
			<td colspan="5" align="left">
				<select name="vinchoose" id="vinchoose">
					<option value="凯美瑞">凯美瑞</option>
					<option value="雷凌">雷凌</option>
					<option value="保时捷">保时捷</option>
					<option value="雷诺">雷诺</option>
				</select>
			</td>
		</tr>
	</thead>
	<tbody id="d1" style="">
		<tr>
			<td width="9%" align="right" nowrap>车辆昵称</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.CAR_NICKNAME}" disabled>
			</td>
			<td width="9%" align="right" nowrap>VIN</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.VINNO}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车牌号</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.REGISTERNO}" disabled>
			</td>
			<td width="9%" align="right" nowrap>发动机号</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.VHCENGINE}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车型</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.VEHICLENAME}" disabled>
			</td>
			<td width="9%" align="right" nowrap>SFX</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.SFX}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车辆里程</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.mileage}" disabled>
			</td>
			<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled>
			</td>
		</tr>
	</tbody>
	<tbody id="d2" style="display:none;">
		<tr>
			<td width="9%" align="right" nowrap>车辆昵称</td>
			<td colspan="2">
				<input type="text" id="id" value="22222" disabled>
			</td>
			<td width="9%" align="right" nowrap>VIN</td>
			<td colspan="2">
				<input type="text" id="qd" value="22222" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车牌号</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.REGISTERNO}" disabled>
			</td>
			<td width="9%" align="right" nowrap>发动机号</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.VHCENGINE}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车型</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.VEHICLENAME}" disabled>
			</td>
			<td width="9%" align="right" nowrap>SFX</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.SFX}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车辆里程</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.mileage}" disabled>
			</td>
			<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled>
			</td>
		</tr>
	</tbody>
	<tbody id="d3" style="display:none;">
		<tr>
			<td width="9%" align="right" nowrap>车辆昵称</td>
			<td colspan="2">
				<input type="text" id="id" value="333333" disabled>
			</td>
			<td width="9%" align="right" nowrap>VIN</td>
			<td colspan="2">
				<input type="text" id="qd" value="333333" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车牌号</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.REGISTERNO}" disabled>
			</td>
			<td width="9%" align="right" nowrap>发动机号</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.VHCENGINE}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车型</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.VEHICLENAME}" disabled>
			</td>
			<td width="9%" align="right" nowrap>SFX</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.SFX}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车辆里程</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.mileage}" disabled>
			</td>
			<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled>
			</td>
		</tr>
	</tbody>
	<tbody id="d4" dd style="display:none;">
		<tr>
			<td width="9%" align="right" nowrap>车辆昵称</td>
			<td colspan="2">
				<input type="text" id="id" value="444444" disabled>
			</td>
			<td width="9%" align="right" nowrap>VIN</td>
			<td colspan="2">
				<input type="text" id="qd" value="44444" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车牌号</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.REGISTERNO}" disabled>
			</td>
			<td width="9%" align="right" nowrap>发动机号</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.VHCENGINE}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车型</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.VEHICLENAME}" disabled>
			</td>
			<td width="9%" align="right" nowrap>SFX</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.SFX}" disabled>
			</td>
		</tr>
		<tr>
			<td width="9%" align="right" nowrap>车辆里程</td>
			<td colspan="2">
				<input type="text" id="id" value="${model.mileage}" disabled>
			</td>
			<td width="9%" align="right" nowrap>车辆里程最近更新时间</td>
			<td colspan="2">
				<input type="text" id="qd" value="${model.UPDATE_YEAR}-${model.UPDATE_MONTH}" disabled>
			</td>
		</tr>
	</tbody>
</table>
天际的海浪 2016-09-03
  • 打赏
  • 举报
 回复
表格的table 与 tr和td之间不能插入div 你可以改用 tbody 标签
yuziyydss_realgan_57380_1766655954681.zip
yuziyydss_realgan_57380_1766655954681.zip
flex-sdk-3.4
flex_sdk_3.4
高标准农田智慧监管与遥感AI分析一体化平台_融合多源遥感影像与人工智能技术实现农田地物智能分类识别与动态监测_面向农业管理部门与高标准农田建设项目提供全流程数字化监管决策支持与可视.zip
高标准农田智慧监管与遥感AI分析一体化平台_融合多源遥感影像与人工智能技术实现农田地物智能分类识别与动态监测_面向农业管理部门与高标准农田建设项目提供全流程数字化监管决策支持与可视.zip
基于XGBoost机器学习算法构建的黑色素瘤前哨淋巴结转移预测模型系统_黑色素瘤诊断前哨淋巴结活检肿瘤转移预测医学影像分析病理特征提取临床决策支持患者风险分层预后评估.zip
基于XGBoost机器学习算法构建的黑色素瘤前哨淋巴结转移预测模型系统_黑色素瘤诊断前哨淋巴结活检肿瘤转移预测医学影像分析病理特征提取临床决策支持患者风险分层预后评估.zip
基于2019年研究生数学建模竞赛A题无线智能传播模型的完整解决方案项目该项目旨在通过构建与验证多维度特征参数并结合TensorFlow框架设计神经网络模型以实现对新环境下无.zip
基于2019年研究生数学建模竞赛A题无线智能传播模型的完整解决方案项目该项目旨在通过构建与验证多维度特征参数并结合TensorFlow框架设计神经网络模型以实现对新环境下无.zip
JavaScript

87,995

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章