社区
Web 开发
帖子详情
form中的select控件当select内容改变,页面根据select的值显示不同的内容,该如何实现?(
houniao
2003-01-07 03:42:41
如题,而且select中的内容是从数据库中读出,自动生成的!!!!!
...全文
519
13
打赏
收藏
form中的select控件当select内容改变,页面根据select的值显示不同的内容,该如何实现?(
如题,而且select中的内容是从数据库中读出,自动生成的!!!!!
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用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脚本
ElementUI
中
el-
select
下拉框选择
不同
的项控制其他
控件
(单选
控件
)的
显示
和隐藏
场景 在el-
select
的下拉框
中
,下拉选择指定的下拉项时才会
显示
后面的单选框,否则不
显示
。 效果如下
实现
首先在
页面
中
添加这两个
控件
<el-row> <el-col span="10"> <el-
form
-item label="班次类型:" prop="bclx"> <el-
select
v-model="
form
.bclx" placeholder="请选择班次类型"
vue el-element
中
el-
select
选
中
值
,数据已经
改变
但选择框
中
不
显示
值
,需要其他输入框输入
值
才
显示
这个选择框才会
显示
刚才选
中
的
值
el-
select
选
中
值
,数据已经
改变
但选择框
中
不
显示
值
,需要其他输入框输入
值
才
显示
这个选择框才会
显示
刚才选
中
的
值
。第一个
值
为选择的数
值
,暂时用不到,第二个
值
为数据的下标,用于事件
改变
值
时提供坐标,第三个
值
为
改变
后的整条数据。this.$set方法,第一个
值
为
改变
谁,第二个
值
为
改变
值
的坐标,第三个则是
改变
后数据,重新赋
值
给详情数据。this.offerBatchModifyData是我的详情数据,InquiryItemList是数组,可以根据自己的数据做相应调整,这样就可以正常
显示
选
中
的数据了。
根据
select
下拉框选择的
值
,向
form
表单添加所要
显示
的
内容
的方法
form
表单 跟单结果 <
select
name="Ext_WithResult" id="Ext_WithResult" onchange="change(this)" class="
select
Regional"> //绑定onchange操作
laravel-admin
form
表单
控件
篇——api
Select
(api查询结果作为选项)
一、效果展示 二、使用说明 (1)下载资源:api
Select
控件
(2)下载资源后,放置到项目指定目录
中
(app/Admin/Extensions/
Form
),然后在app/Admin/bootstrap.php文件
中
注册
Form
::extend('api
Select
', \App\Admin\Extensions\
Form
\Api
Select
\Api
Select
::class); (3)接下来可以像
form
表的的其他
控件
一样使用 第一种:无默认选项,直接通过api查询。 ..
vue el-element
中
el-
select
的el-option选
中
值
,但
页面
框
中
不
显示
值
,需要输入一个其他框
值
才
显示
,input同理
问题描述: el-element
中
el-
select
的el-option选
中
值
,但
页面
框
中
不
显示
值
,需要输入一个其他框
值
才
显示
。 //在el-
select
中
写一个事件 @change="change" <el-
form
-item prop="aa"> <el-
select
v-model="data
Form
.aa" @change="change" //加上这个函数 > <el-option v-for=.
Web 开发
81,122
社区成员
341,744
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章