CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
山寨机中的战斗机! 程序优化工程师到底对IT界有没有贡献
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

当选择某个下拉框的时候,如何实现自动在后面跟一个文本框?高分!!!

楼主wnc()2003-09-03 13:40:38 在 Web 开发 / JavaScript 提问

多谢!!! 问题点数:0、回复次数:6Top

1 楼awaysrain(绝对零度)(既然选择了远方就要日夜前行)回复于 2003-09-03 13:51:04 得分 0

这样?  
   
  <script   language="JavaScript"   type="text/JavaScript">  
  function   test()    
  {  
  awaysrain.innerHTML="<input   type=\"text\"   name=\"aaa\">"  
  }  
  </script>  
  </head>  
   
  <body>  
  <form   name="form1"   method="post"   action="">  
      <table   width="410"   border="0"   cellspacing="0"   cellpadding="5">  
          <tr>    
              <td   width="13%"   height="33">   <select   name="select1"   onChange="test()">  
                      <option   value="cjj">cjj</option>  
                      <option   value="xuii">xuii</option>  
                      <option   value="luzg">luzg</option>  
                      <option   value="tomcat_jmx">tomcat_jmx</option>  
                  </select></td>  
              <td   width="87%"   nowrap><div   id="awaysrain"></div></td>  
          </tr>  
      </table>      
  </form>  
   
  Top

2 楼awaysrain(绝对零度)(既然选择了远方就要日夜前行)回复于 2003-09-03 13:57:20 得分 0

这样看的清楚一点  
   
    <script   language="JavaScript"   type="text/JavaScript">  
  function   test()    
  {  
  awaysrain.innerHTML="<input   type=\"text\"   name=\"aaa\"   value=\""   +   form1.select1.value   +   "\">"  
  }  
  </script>  
  </head>  
   
  <body>  
  <form   name="form1"   method="post"   action="">  
      <table   border="0"   cellspacing="0"   cellpadding="5">  
          <tr>    
              <td   width="13%"   height="33">   <select   name="select1"   onChange="test()">  
                      <option   value="cjj">cjj</option>  
                      <option   value="xuii">xuii</option>  
                      <option   value="luzg">luzg</option>  
                      <option   value="tomcat_jmx">tomcat_jmx</option>  
                  </select></td>  
              <td   width="87%"   nowrap><div   id="awaysrain"></div></td>  
          </tr>  
      </table>      
  </form>  
   
  Top

3 楼liuzxit(dotnetRGB.com)回复于 2003-09-03 14:02:34 得分 0

<SCRIPT>  
  function   Add(){  
  if(document.all('newEle')==null){  
        var   oNewItem   =   document.createElement("INPUT");  
        oNewItem.id="newEle"  
        S1.insertAdjacentElement("afterEnd",oNewItem);  
  }  
  }  
  </SCRIPT>  
   
  <BODY>  
  <SELECT   ID   =   "S1"   onChange="Add()">  
  <option   value="cjj">cjj</option>  
  <option   value="xuii">xuii</option>  
  <option   value="luzg">luzg</option>  
  <option   value="tomcat_jmx">tomcat_jmx</option>  
  </select>  
   
  <INPUT   TYPE   =   "button"   VALUE   =   "none">  
   
  </BODY>Top

4 楼sw47(动感超人,哇哈哈哈哈。。。)回复于 2003-09-03 14:57:31 得分 0

<script   language="JavaScript"   type="text/JavaScript">  
  function   test()    
  {  
  awaysrain.innerHTML="<input   type=\"text\"   name=\"aaa\"   value=\""   +   form1.select1.value   +   "\">"  
  }  
  </script>  
  </head>  
   
  <body>  
  <form   name="form1"   method="post"   action="">  
      <table   border="0"   cellspacing="0"   cellpadding="5">  
          <tr>    
              <td   width="13%"   height="33">   <select   name="select1"   onChange="test()">  
                      <option   value="cjj">cjj</option>  
                      <option   value="xuii">xuii</option>  
                      <option   value="luzg">luzg</option>  
                      <option   value="tomcat_jmx">tomcat_jmx</option>  
                  </select></td>  
              <td   width="87%"   nowrap><div   id="awaysrain"></div></td>  
          </tr>  
      </table>      
  </form>  
  Top

5 楼hemeng(hemeng)回复于 2003-09-03 15:51:18 得分 0

upTop

6 楼hover_online(ξ芎メ)回复于 2003-09-03 16:19:22 得分 0

<html>  
  <head>  
  <script   type="text/javascript">  
  if   (document.getElementById){  
  document.write('<style   type="text/css">\n')  
  document.write('.dropcontent{display:none;}\n')  
  document.write('</style>\n')  
  }  
   
  function   contractall(){  
  if   (document.getElementById){  
  var   inc=0  
  while   (document.getElementById("dropmsg"+inc)){  
  document.getElementById("dropmsg"+inc).style.display="none"  
  inc++  
  }  
  }  
  }  
   
  function   expandone(){  
  if   (document.getElementById){  
  var   selectedItem=document.dropmsgform.dropmsgoption.selectedIndex  
  contractall()  
  document.getElementById("dropmsg"+selectedItem).style.display="block"  
  }  
  }  
   
  if   (window.addEventListener)  
  window.addEventListener("load",   expandone,   false)  
  else   if   (window.attachEvent)  
  window.attachEvent("onload",   expandone)  
   
  </script>  
   
  </head>  
   
  <body>  
   
  <form   name="dropmsgform">  
  <select   name="dropmsgoption"   size="1"   style="width:300"   onChange="expandone()">  
  <option   selected>What   is   JavaScript?</option>  
  <option>Difference   betwen   Java   and   JavaScript</option>  
  <option>What   is   DHTML?</option>  
  </select>  
  <br>  
   
  <div   id="dropmsg0"   class="dropcontent">  
  JavaScript   is   a   scripting   language   originally   adfs   asdf   asdf  
  </div>  
   
  <div   id="dropmsg1"   class="dropcontent">  
  adsf   asdf   asdf   asd   fasdf   fdas   asdf   asd   fasdf    
  </div>  
   
  <div   id="dropmsg2"   class="dropcontent">  
  asdf   asdf   asdf   sdf   asdf   as  
  </div>  
   
  </form>  
   
  </body>  
  </html>Top

相关问题

  • 文本框(C#实现)
  • 如何实现文本框竖排?
  • 文本框如何实现换行?
  • 如何实现密码文本框清空,而普通文本框不清空
  • 文本框
  • 在TEXT文本框(数组控件)中只某个控件只允许输入数字,如何实现?
  • vb6如何实现文本框中实现全选(不用sel)
  • 激活文本框
  • 关于文本框
  • 文本框的MaxLenth

关键词

得分解答快速导航

  • 帖主:wnc

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo