做了个下拉菜单中控制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>
...全文
269 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 标签
【Python编程】Python包发布与PyPI生态贡献指南
内容概要：本文系统讲解Python包从开发到发布的完整流程，重点对比setuptools、flit、hatch、poetry在构建后端、元数据管理、发布自动化上的差异。文章从PEP 517/PEP 660构建系统规范出发，详解pyproject.toml的标准配置（project.dependencies/optional-dependencies）、版本号管理（semantic versioning）的兼容性语义、以及twine的安全上传机制（API token替代密码）。通过代码示例展示README.rst与README.md的PyPI渲染差异、LICENSE文件的SPDX标识、以及CHANGELOG的Keep a Changelog格式规范，同时介绍GitHub Actions的自动化发布工作流、TestPyPI的预发布验证、以及wheel与sdist的分发包格式选择，最后给出在开源贡献、内部私有仓库、企业级依赖治理等场景下的包管理策略与社区协作规范。 24直播网：shijiebeitop1.org 24直播网：m.nbatatum.com 24直播网：m.nbabaoluo.com 24直播网：shijiebeiwatch.org 24直播网：shijiebeinews.org
HZZ3.rar
当提示缺少字体时，请先下载所需字体，然后将字体文件放入 AutoCAD 的 Fonts 目录下。
IC-ROMND.rar
当提示缺少字体时，请先下载所需字体，然后将字体文件放入 AutoCAD 的 Fonts 目录下。
IC-HAND1.rar
当提示缺少字体时，请先下载所需字体，然后将字体文件放入 AutoCAD 的 Fonts 目录下。
储能参与现货电能量-调频辅助服务市场的双层交易决策研究(Matlab代码实现)
内容概要：本文针对储能系统参与现货电能量市场与调频辅助服务市场的协同优化问题，提出了一种基于Matlab实现的双层交易决策优化模型。上层模型以储能运营商收益最大化为目标，综合考虑充放电策略、容量分配及市场报价行为；下层模型基于电力系统出清机制，模拟市场电价形成与系统频率调节过程，体现电网调度的运行约束与响应特性。通过引入KKT条件或强对偶理论将下层问题转化为约束条件，实现双层模型的等效转换与求解。该模型充分考虑市场价格波动性、调频需求不确定性以及储能自身的技术经济约束，为储能资源在多重电力市场环境下的商业化运营提供了科学的决策支持与量化分析工具。; 适合人群：电力系统、能源经济、电力市场及相关领域的科研人员、高校研究生，要求具备一定的优化建模基础和Matlab编程能力；; 使用场景及目标：① 深入理解储能参与多市场耦合交易的机制设计与博弈关系；② 掌握双层优化模型的构建思路、数学转化方法（如KKT、对偶理论）及其在Matlab中的实现技术；③ 借鉴该代码框架开展电力市场出清、储能调度、价格响应等相关课题的仿真研究与模型拓展；; 阅读建议：此资源聚焦于电力市场环境下储能系统的高级建模与优化，建议读者结合电力市场基本理论与优化知识体系进行学习，重点关注双层模型的逻辑结构、变量耦合方式及代码中数学转换的具体实现步骤，以实现模型的准确复现与进一步创新应用。
JavaScript

87,992

社区成员

224,685

社区内容

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

加载中

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

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

+ 用AI写文章