紧急求助，在线，即时给分！！！

lilei22 2004-09-29 09:04:20
为什么下面这段代码执行后，只有第一次可以将val11变成下拉框，再变回来就不行了？？？
<%@ page contentType="text/html;charset=GB2312"%>
<SCRIPT Language="JavaScript">
function ChType(parts)
{
if (parts.value=="sex")
{
document.conditionForm.val12.options.length=0;
var opt=document.createElement("option");
opt.value="man";
opt.text="man";
document.all.val12.add(opt);
document.all.val11.outerHTML=ld.innerHTML;

}else{
document.all.val.value="df";
document.all.val11.outerHTML="<input type='text' name='val11' size='30' style='display'>";
}
}
</SCRIPT>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>
Query condition
</title>
</head>
<body>
<h2>
Please Input Query Condition:
</h2>
<FORM action="" name="conditionForm">
<table cellspacing="2" cellpadding="1" border="1" width="429">
<tr>
<td width="125" align="center">数据字段</td>
<td width="65" align="center">操作符</td>
<td width="152">
<p align="center">取值</p>
</td>
<td width="64">
<p align="center">关系</p>
</td>
</tr>
<tr>
<td width="125"><select name="datatype1" onchange="ChType(this)">
<option value="name">姓名</option>
<option value="sex">性别</option>
<option value="ddd">ddd</option>
</select>
</td>
<td width="65">
<select name="oper1">
<option value="like" selected>类似</option>
<option value="=">等于</option>
<option value=">">大于</option>
<option value="<">小于</option>
</select>
</td>
<td width="152">
<input type='text' name='val11' size='30' style='display'>
<div id="ld" style="display:none">
<select name="val12" size="1" >
<option value="=">fdf</option>
</select>
</div>
</td>
<td width="64">
<select name="rel1">
<option value="and" selected>并且</option>
<option value="or">或者</option>
</select>
</td>
</tr>

</table>

</body>
</html>
...全文
111 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
soonquick 2004-09-29
  • 打赏
  • 举报
 回复
同意楼上。
<SCRIPT Language="JavaScript">
function ChType(parts)
{
document.all.val.value="eeee";
if (parts.value=="sex")
{
document.conditionForm.val11.value="eeee";
document.conditionForm.val12.options.length=0;
var opt=document.createElement("option");
opt.value="man";
opt.text="man";
document.all.val12.add(opt);
ld.style.display="";
aa.style.display="none";

}else{
document.all.val.value="df";
ld.style.display="none";
aa.style.display="";
}
}
</SCRIPT>

<div id="aa">
<input type='text' name='val11' size='30' style='display'>
</div>
<div id="ld" style="display:none">
<select name="val12" size="1" >
<option value="=">fdf</option>
</select>
</div>

lilei22 2004-09-29
  • 打赏
  • 举报
 回复
请问如何实现这种功能比较好？？
blestcc 2004-09-29
  • 打赏
  • 举报
 回复
第一次替换成select时val11的内容已经被改变成了
<select name="val12" size="1" >
<option value="=">fdf</option>
</select>
val11就已经不存在了，可以把val11也改成一个div试试
lilei22 2004-09-29
  • 打赏
  • 举报
 回复
重发完整代码如下：
<%@ page contentType="text/html;charset=GB2312"%>
<SCRIPT Language="JavaScript">
function ChType(parts)
{
document.all.val.value="eeee";
if (parts.value=="sex")
{
document.conditionForm.val11.value="eeee";
document.conditionForm.val12.options.length=0;
//var o=new option("男","man");
//document.all.val12.add(o);
//document.conditionForm.val12.options[document.conditionForm.val12.options.length]=new option("男","man");
//document.conditionForm.val12.options[document.conditionForm.val12.options.length]=new option("女","women");
var opt=document.createElement("option");
opt.value="man";
opt.text="man";
document.all.val12.add(opt);
document.all.val11.outerHTML=ld.innerHTML;

}else{
document.all.val.value="df";
document.all.val11.style="display:none";
//document.conditionForm.val11.options.length=0;
document.all.val11.innerHTML="<input type='text' name='val11' size='30' style='display'>";
// document.all.val11.outerHTML="";
//document.all.val11.value="df";
// var t = document.createElement("textfield");
//var tmp = document.getElementById('val11');
// tmp.style="display";
// tmp.size="4";
//tmp.parentNode.replaceChild(t,tmp);

}
}
</SCRIPT>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>
Query condition
</title>
</head>
<body>
<h2>
Please Input Query Condition:
</h2>
<FORM action="" name="conditionForm">

<input type='text' name='val' size='30' style='display'>

<table cellspacing="2" cellpadding="1" border="1" width="429">
<tr>
<td width="125" align="center">数据字段</td>
<td width="65" align="center">操作符</td>
<td width="152">
<p align="center">取值</p>
</td>
<td width="64">
<p align="center">关系</p>
</td>
</tr>
<tr>
<td width="125"><select name="datatype1" onchange="ChType(this)">
<option value="name">姓名</option>
<option value="sex">性别</option>
<option value="ddd">ddd</option>
</select>
</td>
<td width="65">
<select name="oper1">
<option value="like" selected>类似</option>
<option value="=">等于</option>
<option value=">">大于</option>
<option value="<">小于</option>
</select>
</td>
<td width="152">
<input type='text' name='val11' size='30' style='display'>
<div id="ld" style="display:none">
<select name="val12" size="1" >
<option value="=">fdf</option>
</select>
</div>
</td>
<td width="64">
<select name="rel1">
<option value="and" selected>并且</option>
<option value="or">或者</option>
</select>
</td>
</tr>

</table>

</body>
</html>
lilei22 2004-09-29
  • 打赏
  • 举报
 回复
我把val定义省去了，是一个文本框，问题不在这，而是后面的替换的问题
blestcc 2004-09-29
  • 打赏
  • 举报
 回复
document.all.val.value="df";
对象不存在
zltostem 2004-09-29
  • 打赏
  • 举报
 回复
document.all.val.value="df";

→

因为"val"没定义~~~
学校一键紧急求助报警方案.pdf
学校一键紧急求助报警方案是为保障校园安全而设计的一种高效、快速的应急响应系统。该方案旨在提升学校在面临突发事件时的报警效率，确保师生的生命安全。以下将详细阐述该方案的主要内容。 一、工程概况及总体设计...
校园应急管理数字求助对讲系统.doc
校园应急管理数字对讲求助系统的核心目标是提供即时的双向通信，使得学生、教职员工在遇到紧急状况时能够迅速与安全管理部门取得联系。系统应具备以下功能： - 实时对讲：支持一键式紧急呼叫，快速建立求助者与接警...
电信设备-即时通信中用以设置地理对应信息的方法及系统.zip
7. 应用场景：除了基本的位置分享，地理对应信息还可以用于紧急求助、导航指引、社交活动组织等多种场景。例如，用户在遇到危险时可以发送带有位置信息的求助消息，或者在组织户外活动时共享集合点的坐标。 8. 兼容...
电信设备-一种能够进行紧急求救的方法、装置及移动终端.zip
本主题聚焦于“电信设备-一种能够进行紧急求救的方法、装置及移动终端”的技术，这是一种创新的解决方案，旨在提高紧急情况下的响应速度和求助效率。下面将详细解析这一方法、装置以及移动终端的设计理念和技术实现...
电信设备-基于即时通讯社交应用的位置分享及导航方法.zip
这种功能在亲友聚会、紧急求助等场景中尤为实用。 导航功能则基于位置分享进一步发展，通过算法优化路径规划，为用户提供最优的行进路线。这涉及到交通规则、实时路况、驾驶模式等多个因素的综合考虑。例如，算法会...
JavaScript

87,997

社区成员

224,709

社区内容

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

加载中

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

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

+ 用AI写文章