新微赢技术网

标题: [求助]这个怎么解决 单击事件的问题？？ [打印本页]
作者: _睡覺覺c◆s    时间: 2010-1-7 04:10
标题: [求助]这个怎么解决 单击事件的问题？？
一个文本框：里面有值，单击或双击的时候这个文本框就变成一个
列表菜单 能选择其他的值：


怎么弄
作者: 惠儿雨点    时间: 2010-1-7 04:10
  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>
复制代码
作者: 专属天使    时间: 2010-1-7 04:10
还真没搞过这方面的啊
作者: 天使替我爱你    时间: 2010-1-7 04:10
就是这个 BZ 太谢谢了！
作者: 况天佑    时间: 2010-1-7 04:11
  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>
复制代码

个人改了一下代码的效果。



欢迎光临 新微赢技术网 (http://bbs.weiying.cn/) Powered by Discuz! X3.2