[求教]下拉框事件触发问题!(急!急!!急!!!) <select onchange="change(this.value)"><option>...</option></select> 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <select onchange="change(this.value)"><option>...</option></select><script language="javascript">function change(objs){ document.getElementById("myframe").src = "2.html?id="+objs;}</script> 有两个包含若干文本输入框HTML框架,现要求通过对下拉框的选择,显现出指定的框架来!<select name="product" class="content" id="product" onChange="ItmAction()"> <option value="01">旅行平安险</option> <option value="02">航空意外险</option></select>当用户选择“旅行平安险”时,会在下拉框的下方显示出有关“旅行平安险”文本输入框架,用户可进行数据录入;当用户选择“航空意外险”时,便会在下拉框的下方显示出有关“航空意外险”文本输入框架。页面加载时,默认的是“旅行平安险”框架。已经在网上查了两天了,依然没有结果,只得到CSND论坛求救!望各位JavaScript高手指教!谢谢了!最好给出相对完整的范例代码,本人刚刚初涉此行业,对网页编程技术及技巧很不熟悉!谢谢了! 有这样的JSP页面:可将此页面分为两部分,上方是有关客户基本信息的文本输入框,如投保人姓名,投保人年龄,投保时间等等,当基本信息输入完毕后要求客户选择“保险品种”(下拉框,选项有“旅行平安险”和“航空意外险”两个险种),选择其中之一,便会在下拉框的下方出现相应的险种文本输入框。待客户输入后点击提交,向数据库写入记录!现不明白怎样通过JavaScript在客户端实现此功能!望rootcn(沙砾), pli0825(紫飞絮)等同行能给出代码,最好有注解,以供学习之用!再次感谢!如若需求描述不清,可发帖问我!谢谢!!! 仅仅是文本框不同还是页面也不相同?如果用了框架, 对应"旅行平安险"和"航空意外险"的页面名称各是什么?下面举个框架的例子:main.html<html> <head> <title>test</title> </head> <frameset rows="20%, *"> <frame name="f_top" src="top.html" /> <frame name="f_bottom" src="bottom_1.html" /> </frameset></html>top.html<html> <head> <title>top</title> <script language="javascript"> function ItmAction(value) { if (value == "01") { top.frames["f_bottom"].window.location = "bottom_1.html"; } else if (value == "02") { top.frames["f_bottom"].window.location = "bottom_2.html"; } } </script> </head> <body> <select name="product" class="content" id="product" onChange="ItmAction(this.value)"> <option value="01">旅行平安险</option> <option value="02">航空意外险</option> </select> </body></html>还有另外一种情况,就是不需要用框架... 想了一下,應該是改變下框架的文件地址。<select name="product" class="content" id="product" onChange="document.framename.src=this.value"> <option value="01.htm">旅行平安险</option> <option value="02.htm">航空意外险</option></select>framename.為下框架的地址。 均处在同一页面中,仅仅是文本框不同!最好不用框架!"旅行平安险"和"航空意外险"的文本框架处在同一页面内,没有页面名称!刚才终于作出了一个例子!望各位指正!<SCRIPT language=JavaScript>function aa(){ var obj = document.lizi.D1.value; if(obj == '1') { a.style.display = 'block'; b.style.display = 'none'; } if(obj == '2') { a.style.display = 'none'; b.style.display = 'block'; } }</SCRIPT></head><body><form method="POST" action="--WEBBOT-SELF--" name="lizi"> <select size="1" name="D1" onchange="aa(this.value)"> <option value="1">旅行平安险</option> <option value="2">航空意外险</option> </select> <table border="1" width="100%" id="a" name="a" class="a" > <tr> <td><input type="text" name="T1" size="20" value="1"></td> </tr> </table> <table border="1" width="100%" id="b" name="b" style="display:none;"> <tr> <td> <input type="text" name="T1" size="20" value="2"> <input type="text" name="T2" size="20" value="2"> </td> </tr> </table></form> 似乎没有什么问题...<SCRIPT language=JavaScript>function aa(value){ if(value == '1') { a.style.display = 'block'; b.style.display = 'none'; } if(value == '2') { a.style.display = 'none'; b.style.display = 'block'; } }</SCRIPT></head><body><form method="POST" action="--WEBBOT-SELF--" name="lizi"> <select size="1" name="D1" onchange="aa(this.value)"> <option value="1">旅行平安险</option> <option value="2">航空意外险</option> </select> <table border="1" width="100%" id="a" name="a" class="a" > <tr> <td><input type="text" name="T1" size="20" value="1"></td> </tr> </table> <table border="1" width="100%" id="b" name="b" style="display:none;"> <tr> <td> <input type="text" name="F1" size="20" value="2"> <input type="text" name="F2" size="20" value="2"> </td> </tr> </table></form> 谢谢 rootcn(沙砾)的热心,在做项目的过程中肯定还会遇到各种各样的问题,还望 rootcn(沙砾)多多指点,再次谢谢 rootcn(沙砾)。 关于日期的常见操作http://community.csdn.net//Expert/TopicView2.asp?id=4360247&datebasetype=nowjs FAQ贴http://community.csdn.net//Expert/TopicView2.asp?id=4356360&datebasetype=nowDHTML手册,js手册,dom手册下载,梅花雪的树和日期控件梅雪香的日期控件.http://community.csdn.net//Expert/TopicView2.asp?id=4356325&datebasetype=now 为什么下面的JS在火狐下面不行? 用javascript如何制作图片滚动 javascript初学者,进入 模拟双击事件 如何用js过滤这些特殊字符? javascript问题 关于单选框与按钮(急/急/急) 如何取得表格中的内容? 如何弹出菜单-躲过拦截 outlook调用问题(wanghr100(灰豆宝宝.net),还有其他的高手能帮帮我吗?) 各位大侠帮一下忙吧,怎样用javascript实现类似于windows开始菜单的效果,找了好久都没有结果 怎么点击一个链接文字(add)后.链接文字变为(ok).然后(OK是普通文本.不是链接文本)
<option>...</option>
</select><script language="javascript">
function change(objs)
{
document.getElementById("myframe").src = "2.html?id="+objs;
}
</script>
<select name="product" class="content" id="product" onChange="ItmAction()">
<option value="01">旅行平安险</option>
<option value="02">航空意外险</option>
</select>当用户选择“旅行平安险”时,会在下拉框的下方显示出有关“旅行平安险”文本输入框架,用户可进行数据录入;当用户选择“航空意外险”时,便会在下拉框的下方显示出有关“航空意外险”文本输入框架。页面加载时,默认的是“旅行平安险”框架。已经在网上查了两天了,依然没有结果,只得到CSND论坛求救!望各位JavaScript高手指教!谢谢了!最好给出相对完整的范例代码,本人刚刚初涉此行业,对网页编程技术及技巧很不熟悉!谢谢了!
如果用了框架, 对应"旅行平安险"和"航空意外险"的页面名称各是什么?下面举个框架的例子:main.html<html>
<head>
<title>test</title>
</head>
<frameset rows="20%, *">
<frame name="f_top" src="top.html" />
<frame name="f_bottom" src="bottom_1.html" />
</frameset>
</html>top.html<html>
<head>
<title>top</title>
<script language="javascript">
function ItmAction(value) {
if (value == "01") {
top.frames["f_bottom"].window.location = "bottom_1.html";
} else if (value == "02") {
top.frames["f_bottom"].window.location = "bottom_2.html";
}
}
</script>
</head>
<body>
<select name="product" class="content" id="product" onChange="ItmAction(this.value)">
<option value="01">旅行平安险</option>
<option value="02">航空意外险</option>
</select>
</body>
</html>还有另外一种情况,就是不需要用框架...
<select name="product" class="content" id="product" onChange="document.framename.src=this.value">
<option value="01.htm">旅行平安险</option>
<option value="02.htm">航空意外险</option>
</select>
framename.為下框架的地址。
function aa()
{
var obj = document.lizi.D1.value;
if(obj == '1')
{
a.style.display = 'block';
b.style.display = 'none';
}
if(obj == '2')
{
a.style.display = 'none';
b.style.display = 'block';
}
}
</SCRIPT>
</head><body><form method="POST" action="--WEBBOT-SELF--" name="lizi">
<select size="1" name="D1" onchange="aa(this.value)">
<option value="1">旅行平安险</option>
<option value="2">航空意外险</option>
</select> <table border="1" width="100%" id="a" name="a" class="a" >
<tr>
<td><input type="text" name="T1" size="20" value="1"></td>
</tr>
</table> <table border="1" width="100%" id="b" name="b" style="display:none;">
<tr>
<td>
<input type="text" name="T1" size="20" value="2">
<input type="text" name="T2" size="20" value="2">
</td>
</tr>
</table>
</form>
function aa(value)
{
if(value == '1')
{
a.style.display = 'block';
b.style.display = 'none';
}
if(value == '2')
{
a.style.display = 'none';
b.style.display = 'block';
}
}
</SCRIPT>
</head><body><form method="POST" action="--WEBBOT-SELF--" name="lizi">
<select size="1" name="D1" onchange="aa(this.value)">
<option value="1">旅行平安险</option>
<option value="2">航空意外险</option>
</select> <table border="1" width="100%" id="a" name="a" class="a" >
<tr>
<td><input type="text" name="T1" size="20" value="1"></td>
</tr>
</table> <table border="1" width="100%" id="b" name="b" style="display:none;">
<tr>
<td>
<input type="text" name="F1" size="20" value="2">
<input type="text" name="F2" size="20" value="2">
</td>
</tr>
</table>
</form>
http://community.csdn.net//Expert/TopicView2.asp?id=4360247&datebasetype=now
js FAQ贴
http://community.csdn.net//Expert/TopicView2.asp?id=4356360&datebasetype=now
DHTML手册,js手册,dom手册下载,梅花雪的树和日期控件
梅雪香的日期控件.
http://community.csdn.net//Expert/TopicView2.asp?id=4356325&datebasetype=now