设为首页收藏本站
开启辅助访问 切换到宽版

新微赢技术网

 找回密码
 注册
快捷导航
搜索
热搜: 回贴
新微赢技术网»论坛 › 学习网 知识堂 › WEB开发 › ASP › [求助]这个怎么解决 单击事件的问题？？
返回列表 发新帖
查看: 61|回复: 5
打印 上一主题 下一主题

[求助]这个怎么解决 单击事件的问题？？

[复制链接]
跳转到指定楼层
1#
发表于 2010-1-7 04:10:50 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
一个文本框：里面有值，单击或双击的时候这个文本框就变成一个
列表菜单 能选择其他的值：


怎么弄
回复

使用道具 举报

2#
发表于 2010-1-7 04:10:52 | 只看该作者
  1. <HTML>
  2. <HEAD>
  3. <TITLE> New Document </TITLE>
  4. </HEAD>
  5. <BODY>
  6. <DIV style="width:200px; height:27px;">
  7. <DIV id="listDiv" style="width:100%; display:none;">
  8. <select id="inputList" style="width:100%;" onChange="ShowObj(this);">
  9. <option value="1">1</option>
  10. <option value="2">2</option>
  11. <option value="3">3</option>
  12. </select>
  13. </DIV>
  14. <DIV id="textDiv" style="width:100%; display:;">
  15. <input id="inputText" type="text" style="width:100%;" onDblClick="ShowObj(this);">
  16. </DIV>
  17. </DIV>
  18. 双击文本框看效果！
  19. <SCRIPT LANGUAGE="JavaScript">
  20. <!--
  21. function ShowObj(Obj){
  22. var Obj1 = document.getElementById("inputList")
  23. var Obj2 = document.getElementById("inputText")
  24. if(Obj==Obj2){
  25. textDiv.style.display="none";
  26. listDiv.style.display="";
  27. Obj1.value = Obj2.value;
  28. }else if(Obj==Obj1){
  29. listDiv.style.display="none";
  30. textDiv.style.display="";
  31. Obj2.value = Obj1.options[Obj1.selectedIndex].value;
  32. }
  33. }
  34. //-->
  35. </SCRIPT>
  36. </BODY>
  37. </HTML>
复制代码
回复 支持 反对

使用道具 举报

3#
发表于 2010-1-7 04:10:55 | 只看该作者
还真没搞过这方面的啊
回复 支持 反对

使用道具 举报

4#
发表于 2010-1-7 04:10:58 | 只看该作者
就是这个 BZ 太谢谢了！
回复 支持 反对

使用道具 举报

5#
发表于 2010-1-7 04:11:01 | 只看该作者
  1. <HTML>
  2. <HEAD>
  3. <TITLE> New Document </TITLE>
  4. </HEAD>
  5. <BODY>
  6. <DIV style="width:200px; height:27px;">
  7. <DIV id="listDiv" style="width:100%; display:none;">
  8. <select id="inputList" style="width:100%;" onChange="ShowObj(this);">
  9. <option value="1">1</option>
  10. <option value="2">2</option>
  11. <option value="3">3</option>
  12. </select>
  13. </DIV>
  14. <DIV id="textDiv" style="width:100%; display:;">
  15. <input id="inputText" type="text" style="width:100%;" onDblClick="ShowObj(this);">
  16. </DIV>
  17. </DIV>
  18. 双击文本框看效果！
  19. <SCRIPT LANGUAGE="JavaScript">
  20. <!--
  21. function ShowObj(Obj){
  22. var Obj1 = document.getElementById("inputList")
  23. var Obj2 = document.getElementById("inputText")
  24. if(Obj==Obj2){
  25. textDiv.style.display="none";
  26. listDiv.style.display="";
  27. Obj1.options.add(new Option(Obj.value,Obj.value));
  28. var OptLen=Obj1.options.length-1;
  29. Obj1.options[OptLen].selected=true;
  30. }else if(Obj==Obj1){
  31. listDiv.style.display="none";
  32. textDiv.style.display="";
  33. Obj2.value = Obj1.options[Obj1.selectedIndex].value;
  34. }
  35. }
  36. //-->
  37. </SCRIPT>
  38. </BODY>
  39. </HTML>
复制代码

个人改了一下代码的效果。
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

申请友链|小黑屋|最新主题|手机版|新微赢技术网 ( 苏ICP备08020429号 )  

GMT+8, 2024-11-20 04:35 , Processed in 0.090152 second(s), 8 queries , Gzip On, Memcache On.

Powered by xuexi

© 2001-2013 HaiAn.Com.Cn Inc. 寰耽

快速回复 返回顶部 返回列表