社区
Web 开发
帖子详情
form中的select控件当select内容改变,页面根据select的值显示不同的内容,该如何实现?(
houniao
2003-01-07 03:42:41
如题,而且select中的内容是从数据库中读出,自动生成的!!!!!
...全文
555
13
打赏
收藏
form中的select控件当select内容改变,页面根据select的值显示不同的内容,该如何实现?(
如题,而且select中的内容是从数据库中读出,自动生成的!!!!!
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
13 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
sandsworlf
2003-01-07
打赏
举报
回复
好啊,我也知道了,下次我就不用问了,哈哈。
我也谢谢!
旋转的魔方
2003-01-07
打赏
举报
回复
呵呵,过奖了,那是在IE下的写法,
在NETSCAPE下不好使。
houniao
2003-01-07
打赏
举报
回复
to lhb525(hobby) :
你的方法真的很不错,谢谢!
欢迎大家继续讨论。。。。。。。。。。。。。。
bmh2001
2003-01-07
打赏
举报
回复
支持楼上的,先用jsp,在用javascript.
旋转的魔方
2003-01-07
打赏
举报
回复
1.先动态生成select列表(略);
2.在onchange事件里面调用自写的函数showText();
<select name="options" onchange=showText()>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
</select>
3.showText()方法实现:
假如text1,text2,text3都是要选择显示的东西。
function showText(){
var value = document.all.options.value;
if(value==1){
document.all.text1.visibility="show";
document.all.text2.visibility="hide";
document.all.text3.visibility="hide";
}else if(value==2){ //显示text1
document.all.text1.visibility="hide";
document.all.text2.visibility="show";
document.all.text3.visibility="hide";
}else if(value==3){
document.all.text1.visibility="hide";
document.all.text2.visibility="hide";
document.all.text3.visibility="show";
}else{
alert("请选择options");
}
}
:)gameover
wangyime
2003-01-07
打赏
举报
回复
<select onchange=alert(this.value)>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
</select>
houniao
2003-01-07
打赏
举报
回复
你们说的好象都是事先把页面写成几个,然后根据选择项来调取不同的页面。而我只是需要改变几个页面元素,并不需要改变整个页面。有没有办法?
houniao
2003-01-07
打赏
举报
回复
to bmh2001(爆米花) :
你说的这个是自动生成select的内容,我现在主要需要的时候,如何根据你选择的项变化页面的内容。如:选择option1,页面显示两个文本框;选择option2,页面显示另外两个文本框。但是要求要显示的内容都是在同一页面中事先写好,只是根据选择不同而显示不同的部分而已。各位有办法嘛?拜托!!!
zxhong
2003-01-07
打赏
举报
回复
刷新本页,根据String test=request.getParameter("selectname")的值,得到不同内容的页面(select * from tablename where test='"+test+"')
bmh2001
2003-01-07
打赏
举报
回复
这是我代码的一小部分,思想是这样的,你在研究研究
bmh2001
2003-01-07
打赏
举报
回复
比如说:
<select name="jg" onChange="this.form.submit()">
<%
if(jg==null)
{
%>
<option selected>请选择</option>
<%
}
while(rs.next())
{
%>
<option value="<%=strbean.readdata(rs.getString(2))%>"
<%if(yhjb!=null) {if(jg.equals(strbean.readdata(rs.getString(2)))==true) {out.print("selected");}}%>>
<%=strbean.readdata(rs.getString(2))%></option>
<%
}
rs.close();
%>
</select>
houniao
2003-01-07
打赏
举报
回复
wsj:
你能具体讲一下嘛?!我能理解你的意思,但是具体怎么做?我还是一头雾水!!!!
wsj
2003-01-07
打赏
举报
回复
你可以采用Client script技术
1)首先要显示的不同内容都在server端生成好
2)再动态生成用来控制用户行为的JavaScript脚本
form
表单标签及
控件
本文详细介绍了HTML
中
的
form
标签及其用途,包括表单
控件
如input、label和textarea,以及如何创建下拉菜单。
form
标签用于创建用户输入的表单,其属性如action和method分别指定了数据处理的服务器程序URL和提交方式。input标签的type属性定义了
不同
的
控件
类型,而label标签则为表单元素提供标注。textarea
控件
用于多行文本输入,
select
标签则用于构建下拉菜单。
form
表单
控件
及
控件
属性
本文详细介绍了HTML表单
控件
的各种类型及其属性,包括input、
select
、textarea等,并覆盖了HTML5新增的表单元素及客户端校验功能。
同个html
页面
多个
select
根据
值
选
中
项
本文介绍了一种使用JavaScript来为HTML
页面
中
的多个
select
控件
设置默认选
中
项的方法。通过遍历
页面
上的所有
select
元素,并查找与accesskey属性
值
相匹配的option,从而
实现
自动选择指定
值
的功能。
ElementUI
中
el-
select
下拉框选择
不同
的项控制其他
控件
(单选
控件
)的
显示
和隐藏
本文介绍如何在Element UI
中
使用El-
Select
组件,通过监听下拉框的选择变化,动态控制El-Radio单选框的
显示
与隐藏,
实现
特定场景下的交互逻辑。
HTML
中
的
form
表单及其提交原理
本文详细介绍了HTML
中
的
form
表单元素及其属性,包括
form
属性、表单数据类型、表单
控件
如input、button等,以及表单组件如
select
和option等,并解释了表单提交原理及get与post的区别。
Web 开发
81,111
社区成员
341,723
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章