<select onchange="change(this.value)">
<option>...</option>
</select>

解决方案 »

  1.   

    <select onchange="change(this.value)">
    <option>...</option>
    </select><script language="javascript">
    function change(objs)
    {
      document.getElementById("myframe").src = "2.html?id="+objs;
    }
    </script>
      

  2.   

    有两个包含若干文本输入框HTML框架,现要求通过对下拉框的选择,显现出指定的框架来!
    <select name="product"  class="content" id="product" onChange="ItmAction()">
      <option value="01">旅行平安险</option>
      <option value="02">航空意外险</option>
    </select>当用户选择“旅行平安险”时,会在下拉框的下方显示出有关“旅行平安险”文本输入框架,用户可进行数据录入;当用户选择“航空意外险”时,便会在下拉框的下方显示出有关“航空意外险”文本输入框架。页面加载时,默认的是“旅行平安险”框架。已经在网上查了两天了,依然没有结果,只得到CSND论坛求救!望各位JavaScript高手指教!谢谢了!最好给出相对完整的范例代码,本人刚刚初涉此行业,对网页编程技术及技巧很不熟悉!谢谢了!
      

  3.   

    有这样的JSP页面:可将此页面分为两部分,上方是有关客户基本信息的文本输入框,如投保人姓名,投保人年龄,投保时间等等,当基本信息输入完毕后要求客户选择“保险品种”(下拉框,选项有“旅行平安险”和“航空意外险”两个险种),选择其中之一,便会在下拉框的下方出现相应的险种文本输入框。待客户输入后点击提交,向数据库写入记录!现不明白怎样通过JavaScript在客户端实现此功能!望rootcn(沙砾), pli0825(紫飞絮)等同行能给出代码,最好有注解,以供学习之用!再次感谢!如若需求描述不清,可发帖问我!谢谢!!!
      

  4.   

    仅仅是文本框不同还是页面也不相同?
    如果用了框架, 对应"旅行平安险"和"航空意外险"的页面名称各是什么?下面举个框架的例子:main.html<html>
    <head>
    <title>test</title>
    </head>
    <frameset rows="20%, *">
    <frame name="f_top" src="top.html" />
    <frame name="f_bottom" src="bottom_1.html" />
    </frameset>
    </html>top.html<html>
    <head>
    <title>top</title>
    <script language="javascript">
    function ItmAction(value) {
    if (value == "01") {
    top.frames["f_bottom"].window.location = "bottom_1.html";
    } else if (value == "02") {
    top.frames["f_bottom"].window.location = "bottom_2.html";
    }
    }
    </script>
    </head>
    <body>
    <select name="product"  class="content" id="product" onChange="ItmAction(this.value)">
      <option value="01">旅行平安险</option>
      <option value="02">航空意外险</option>
    </select>
    </body>
    </html>还有另外一种情况,就是不需要用框架...
      

  5.   

    想了一下,應該是改變下框架的文件地址。
    <select name="product"  class="content" id="product" onChange="document.framename.src=this.value">
      <option value="01.htm">旅行平安险</option>
      <option value="02.htm">航空意外险</option>
    </select>
    framename.為下框架的地址。
      

  6.   

    均处在同一页面中,仅仅是文本框不同!最好不用框架!"旅行平安险"和"航空意外险"的文本框架处在同一页面内,没有页面名称!刚才终于作出了一个例子!望各位指正!<SCRIPT language=JavaScript>
    function aa()
    {

      var obj = document.lizi.D1.value;

      if(obj == '1')
      {
        a.style.display = 'block';
        b.style.display = 'none';

      }
      if(obj == '2')
      {
         a.style.display = 'none';
         b.style.display = 'block';
      }

    }
    </SCRIPT>
    </head><body><form method="POST" action="--WEBBOT-SELF--" name="lizi">
      <select size="1" name="D1" onchange="aa(this.value)">
        <option value="1">旅行平安险</option>
        <option value="2">航空意外险</option>
      </select>  <table border="1" width="100%" id="a" name="a" class="a" >
        <tr>
          <td><input type="text" name="T1" size="20" value="1"></td>
        </tr>
      </table>  <table border="1" width="100%" id="b" name="b" style="display:none;">
        <tr>
         <td>
           <input type="text" name="T1" size="20" value="2">
           <input type="text" name="T2" size="20" value="2">
         </td>
        </tr>
      </table>
    </form>
      

  7.   

    似乎没有什么问题...<SCRIPT language=JavaScript>
    function aa(value)
    {
      if(value == '1')
      {
        a.style.display = 'block';
        b.style.display = 'none';

      }
      if(value == '2')
      {
         a.style.display = 'none';
         b.style.display = 'block';
      }

    }
    </SCRIPT>
    </head><body><form method="POST" action="--WEBBOT-SELF--" name="lizi">
      <select size="1" name="D1" onchange="aa(this.value)">
        <option value="1">旅行平安险</option>
        <option value="2">航空意外险</option>
      </select>  <table border="1" width="100%" id="a" name="a" class="a" >
        <tr>
          <td><input type="text" name="T1" size="20" value="1"></td>
        </tr>
      </table>  <table border="1" width="100%" id="b" name="b" style="display:none;">
        <tr>
         <td>
           <input type="text" name="F1" size="20" value="2">
           <input type="text" name="F2" size="20" value="2">
         </td>
        </tr>
      </table>
    </form>
      

  8.   

    谢谢 rootcn(沙砾)的热心,在做项目的过程中肯定还会遇到各种各样的问题,还望 rootcn(沙砾)多多指点,再次谢谢 rootcn(沙砾)。
      

  9.   

    关于日期的常见操作
    http://community.csdn.net//Expert/TopicView2.asp?id=4360247&datebasetype=now
    js FAQ贴
    http://community.csdn.net//Expert/TopicView2.asp?id=4356360&datebasetype=now
    DHTML手册,js手册,dom手册下载,梅花雪的树和日期控件
    梅雪香的日期控件.
    http://community.csdn.net//Expert/TopicView2.asp?id=4356325&datebasetype=now