下拉列表与输入文本框联动问题，单选按钮与行或列联动问题，单选按钮与下拉列表框连动问题（在线等待）(高分求代码，能实现者给300分)

Foxman110 2003-10-23 02:46:38
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<body>
<form method=get action=fw.py>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
//在下面这行代码中实现这样的功能，部分下来列表框的选项选中后则显示（目标端口和文本输入框f_dport），部分选项则隐藏（目标端口和文本输入框f_dport），比如，选种了tcp则显示（目标端口和文本输入框f_dport）,选中了udp则隐藏（目标端口和文本输入框f_dport）
<tr>
<td width="13%">协议:
<select name=f_proto>
<option value=tcp > TCP</option>
<option value=udp > UDP</option>
<option value=icmp > ICMP</option>
</select>
</td>
<td width="87%">目标端口:
<input name=f_dport type=text size=5></td>
</tr>
//下面这行代码实现这样的功能，单选按钮处于选中状态则显示列（起始时间，结束时间，星期）,非选中状态则隐藏列（起始时间，结束时间，星期）
<tr>
<td width="13%"><input type="radio" value="V1" checked name="R1">
时间限制:</td>
<td width="87%">起始时间:
<input name=f_timestart onClick="alert('hi')" type=text size=4>
结束时间:
<input name=f_timestop type=text size=4>
星期:
<input type=checkbox name=f_day[] value=1>一
<input type=checkbox name=f_day[] value=2>二
<input type=checkbox name=f_day[] value=3>三
<input type=checkbox name=f_day[] value=4>四
<input type=checkbox name=f_day[] value=5>五
<input type=checkbox name=f_day[] value=6>六
<input type=checkbox name=f_day[] value=7>日
</td>
</tr>
//下面这样代码实现这样的功能，单选按钮处于选中状态则显示下拉列表框（f_flag），非选中状态则隐藏下拉列表框（f_flag）
<tr>
<td width="13%"><input type="radio" name="R1" value="V2">
连接标志:
</td>
<td width="87%"><select name=f_flag >
<option value='NEW'>NEW
<option value='REL'>RELATED
<option value='EST'>ESTABLISHED
</select>
</td>
</tr>
<tr>
<td width="13%"></td>
<td width="87%"></td>
</tr>
<tr>
<td width="13%"></td>
<td width="87%"></td>
</tr>
</table>
</center>
</div>
</form>
</body>
</html>
以上代码一旦实现，马上给分，先谢谢大家的帮忙
...全文
218 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
roymand 2003-10-23
  • 打赏
  • 举报
 回复
主要是用onclick事件来控制css的图层的显示或隐藏
mapletree 2003-10-23
  • 打赏
  • 举报
 回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<script>
function checkTcp(who){
if(who=="tcp"){
document.forms[0].f_dport.parentElement.style.display="";
}else{
document.forms[0].f_dport.parentElement.style.display="none";
}
}
function checkTime(){
if(document.forms[0].R1[0].checked){
document.forms[0].f_timestart.parentElement.style.display="";
document.forms[0].f_flag.style.display="none";
}else{
document.forms[0].f_timestart.parentElement.style.display="none";
document.forms[0].f_flag.style.display="";
}
}
</script>
</head>

<body>
<form method=get action=fw.py>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
//在下面这行代码中实现这样的功能，部分下来列表框的选项选中后则显示（目标端口和文本输入框f_dport），部分选项则隐藏（目标端口和文本输入框f_dport），比如，选种了tcp则显示（目标端口和文本输入框f_dport）,选中了udp则隐藏（目标端口和文本输入框f_dport）
<tr>
<td width="13%">协议:
<select name=f_proto onchange="checkTcp(this.options(this.selectedIndex).value)">
<option value=tcp > TCP</option>
<option value=udp > UDP</option>
<option value=icmp > ICMP</option>
</select>
</td>
<td width="87%">目标端口:
<input name=f_dport type=text size=5></td>
</tr>
//下面这行代码实现这样的功能，单选按钮处于选中状态则显示列（起始时间，结束时间，星期）,非选中状态则隐藏列（起始时间，结束时间，星期）
<tr>
<td width="13%"><input onclick="checkTime()" type="radio" value="V1" checked name="R1">
时间限制:</td>
<td width="87%">起始时间:
<input name=f_timestart onClick="alert('hi')" type=text size=4>
结束时间:
<input name=f_timestop type=text size=4>
星期:
<input type=checkbox name=f_day[] value=1>一
<input type=checkbox name=f_day[] value=2>二
<input type=checkbox name=f_day[] value=3>三
<input type=checkbox name=f_day[] value=4>四
<input type=checkbox name=f_day[] value=5>五
<input type=checkbox name=f_day[] value=6>六
<input type=checkbox name=f_day[] value=7>日
</td>
</tr>
//下面这样代码实现这样的功能，单选按钮处于选中状态则显示下拉列表框（f_flag），非选中状态则隐藏下拉列表框（f_flag）
<tr>
<td width="13%"><input onclick="checkTime()" type="radio" name="R1" value="V2">
连接标志:
</td>
<td width="87%"><select name=f_flag style="display:none" >
<option value='NEW'>NEW
<option value='REL'>RELATED
<option value='EST'>ESTABLISHED
</select>
</td>
</tr>
<tr>
<td width="13%"></td>
<td width="87%"></td>
</tr>
<tr>
<td width="13%"></td>
<td width="87%"></td>
</tr>
</table>
</center>
</div>
</form>
</body>
</html>
基于IDL的高分二号影像批量预处理程序
基于IDL的高分二号遥感影像批量预处理程序（附件含源码和sav文件），预处理包括解压、几何校正、辐射定标、大气校正、自动校正、融合。
深求·墨鉴使用技巧：如何提高复杂表单识别准确率
本文介绍了如何在星图GPU平台上自动化部署🖋️ 深求·墨鉴 (DeepSeek-OCR-2)镜像，实现高效复杂的表单识别。该镜像专门针对表格线干扰、多栏布局和手写文字等挑战进行了优化，可广泛应用于发票、调查问卷等文档的数字化处理，显著提升识别准确率和效率。
模板驱动型文档自动化：结构化嵌入与零代码实现
文档自动化是企业提升交付效率与品牌一致性的关键技术路径。其核心原理在于将内容生产解耦为‘结构定义’与‘数据注入’两个确定性环节，通过模板作为可执行的数据容器，实现字段级校验、像素级样式控制和条件化渲染。相比AI生成式方案，模板驱动模式天然契合法律合规、品牌审计与数据溯源等刚性约束，技术价值体现在零代码配置、跨系统集成能力及高复用资产沉淀。典型应用场景包括SOW工作说明书、报价单、服务协议等标准化文档的批量生成与动态交付。本文聚焦Sqribble平台的模板驱动实践，深入解析结构化嵌入与零代码自动化两大关键机制
颠覆式窗口控制：WindowResizer革命性尺寸调整技术全解析
WindowResizer——这款开源窗口尺寸控制工具，正以革命性技术打破操作系统对窗口尺寸的限制，让每一位用户都能获得像素级精准的窗口控制体验。无论是专业设计需求还是日常办公场景，它都能将窗口调整效率提升300%，彻底终结"想调调不了"的窗口尺寸困境。 ## 直击窗口尺寸痛点场景 现代数字工作流中，窗口尺寸控制已成为影响效率的关键瓶颈。设计师小张在处理4K素材时，专业软件固定窗口无法适配高分
零基础玩转Chandra OCR：4GB显存就能跑的83分OCR神器
本文介绍了如何在星图GPU平台上自动化部署Chandra OCR镜像，实现高效文档识别功能。该镜像支持表格、公式和手写体识别，并能保留原始文档排版结构，特别适合处理扫描合同、学术论文等复杂文档。通过简单的配置，用户可快速搭建OCR环境，提升文档数字化效率。
JavaScript

87,988

社区成员

224,683

社区内容

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

加载中

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

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

+ 用AI写文章