战剑网络,网站建设,系统开发,程序设计

搜索Top
谈论javascript动态改变相关select内容选项,不刷新页面


搜索关键字:
web上经常有这样的需求,一个select b内容是根据另一个select a对应的值查询而来的。每次a 选的值变化的话,都需要重新查询数据库。但是要求不能刷新页面。实现
显示页面
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body>

虚拟社区核心数据webservice<br>
<select name="sel" id="sel" onchange="getnewtext.src='test.js'">
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
</select>
<span id="span">123213</span>
<script id="getnewtext"></script>
</body>
</html>
 
test.js代码(不一定非得是js,可以是jsp,asp都一样,但内容必须是javascript)
document.getelementbyid("span").innerhtml="<select><option>aaaa</option><option>234234</option></select>";
 
原理就是定义一个javascript脚本对象,但其内容都是每次到服务器上取得。
完美解决!

[ 打印本页 ] [ 收藏本页 ]

[上一篇]:Javascript下对URL字符串的编码与解码
[下一篇]:prototype开发笔记
 ·prototype开发笔记
 ·mysql中各种类型的取值范围
 ·十种方法破除网页鼠标右键的禁用
 ·一些WEB常用的代码
 ·巧用Dreamweaver的正则表达式查找替换

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
搜索Top

关于我们 - 联系我们 - 广告业务 - 友情链接 - 网站制作 - 留言板 - 会员注册
All Right Zjm.Net.Cn (zjm Enterprise v3.0)
联系电话:0576-8603312 地址:浙江省台州市经济开发区
技术支持:点击这里给我发消息280610248 业务: 点击这里给我发消息40520767 客服: 点击这里给我发消息441758646
E-mail:zjm@zjm.net.cn 备案证书号:浙ICP备06030047号