javascript实现通过改变下拉列表/菜单,改变其他文本框的默认值

3

本文作者:topchun  发布于:2011-10-30  分类:网站建设  点击:


 其实早几天前就想实现这个功能,当时想的是通过asp获取数据库中的数据,根据下拉列表的选择,为下面其他的文本框自动输入默认值,并且此过程中不刷新页面。但后来仔细一想,asp都是在服务器端处理的脚本,在看到页面的时候,脚本已经都执行完了,还怎么能再发挥作用呢?

近两天看了下javascript,发现用浏览器端的,倒可以很好的解决这个问题

具体代码如下:

功能部分(最好放在head中)

 

<script language="javascript">

  function mychange(data) {

     if (data.value == '1') {

        document.getElementById('txtx').value="选1"

      }

else if (data.value == '2')

{

        document.getElementById('txtx').value="选2"

      }

else

{

        document.getElementById('txtx').value="选3"

      }

  }

</script>

 

 

实现部分
<input type="text" id="txtx">
<select name="ss" size="1" onchange='mychange(this)'>
  <option value="1" selected="selected">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
<input type="text" id="txtx">
 

 

具体的效果如下

其实主要就用到onchange事件和document.getElementById('txtx').value设定值,具体的用法在这里就不做过多介绍了,其实还可以先通过asp获取数据库中的信息,然后把它当作默认值,道理一样,代码就不写出来了。

相关文章
222. asp使用md5加密密码及邮件通知,邮件改密码  (2011-10-26 19:24:0)
221. 一些常用的asp代码(文件)  (2011-10-25 7:57:42)
220. asp删除数据库记录代码  (2011-10-24 7:49:55)
176. 技术是个好东西  (2010-5-22 23:31:9)
160. 如果你还年轻,希望你不要做站长,因为你会失去很多很多......  (2010-4-18 17:32:53)
136. 诸事不顺啊  (2010-3-25 20:36:27)
135. QQ的一些新特色  (2010-3-24 22:33:28)
108. z-blog主题修改  (2010-3-3 21:22:30)
107. 博客必备代码  (2010-3-2 21:9:24)
2. 一路走来---我在网上这几年  (2009-8-28 20:23:8)

本文标签: 网页特效  网页代码  asp  
本文Url: http://cn00.net/post/javascript-xialacaidan.html (出自: 起点博客)

3 Comments

茵曼
要网站就要付出啊,唉。...
topchun 于 2011-10-30 21:46:59 回复
哪一行都不好做的
topchun 于 2011-10-30 21:48:49 回复
哪一行都不好做的
朵未
你是学这方面,还是自学的?
topchun 于 2011-10-30 21:50:00 回复
纯属兴趣自学,专业不搭边啊
金顺道物流
博主懂得好多啊,谢谢博主的分享,学到了东西!

雁过留声,评论一下吧!