一个经常碰到的问题？不刷新页面根据下拉菜单选择的内容在下方显示对应的字段输入框？分不够再加，在线等。。。。

首先这是一个JAVASCRIPT的问题做一个根据媒体类型写不同innerHTML的函数,在下拉表单的onchange事件中调用该事件

解决方案 »

  1.   

    应该是innerHTML函数，但我不知道怎么把下拉菜单中的参数值取出来，再根据这个值来显示下面两行的内容，具体应该怎么做呢？请指教。。
      

  2.   

    自己看着改吧<?
    $table="表单";

    $sql="select * from " . $table;
    $result=mysql_query($sql);

    $typep=$row["typep"];
    ?>
    <select id=oSel1 onchange=Chg() name="typep" size="1">
    <? 
    $js_str="var Table2dim = new Array(\n";
    while($row = mysql_fetch_array($result)){ 
    $sql2="select * from 表单 where typep='$row[typep]'";
    $result2=mysql_query($sql2);
    $type1=$row["type1"];
        $js_str.="new Array(";
    while($row2=mysql_fetch_array($result2)){
    $js_str.='"'.$row2[type1].'",';
    }
    if(substr($js_str,-1)==",") $js_str=substr($js_str,0,-1);
        $js_str.="),\n";

    ?>
                <option value="<? print($row["typep"]); ?>" >
       <? print($row["typep"]); ?></option>
    <?
       }
    $js_str.="null\n)";
    ?>
    </select>类别：<select id=oSel2 name="type1" size="1">
    </select>
    <script>//怎样写能从数据库中读出信息,是不是应该用别的数组？？
    <?php echo $js_str;?>function Chg()
    {
        ChgOptions(document.all.oSel1.selectedIndex);
    }
    function ChgOptions(iSel1)
    {
        if ( 0 <= iSel1 && iSel1 < Table2dim.length )
        {
            var oSel2 = document.all.oSel2, i;        //删除所有旧选项（不知道有没有不用循环的删除办法）
            for ( i = oSel2.options.length; -- i >= 0; )
                oSel2.options.remove(i);        //创建新关联选项
            var Table1dim = Table2dim[iSel1];
            for ( i = 0; i < Table1dim.length; i ++ )
            {
                var o = document.createElement('<option>');
                o.text = Table1dim[i];
                oSel2.options.add(o);
            }
        }
    }//初始化
    ChgOptions(0);
    </script>
      

  3.   

    <html>
    <head>
    <script language="javascript">
        function changeContent(selObj) {
             var selValue = selObj.options[selObj.selectedIndex].value;
             var divObj = null;
             if(document.all)
                  divObj = window.divMain;
             else
                  divObj = document.layers["divMain"];
             
             var strToDisplay = selValue;
             if(document.all){
                  divObj.innerHTML = strToDisplay; 
             }else {
                  divObj.document.open();
                  divObj.document.write(strToDisplay);
                  divObj.document.close();
             }
        }
    </script>
    <style type="text/css">
        #main{position:absolute;  visibility: show}
        #bill{position:absolute;  visibility: hidden}
    </style>
    </head>
    <body>
    <form><table><tr>
    <TD align="right"><font face="Arial">
        <select name="sel1" onChange = "changeContent(this)">
             <option value="1">Display 1</option>
             <option value="2">Display 2</option>
             <option value="3">Display 3</option>
        </select>
    </TD>
    </tr></table>
    </form><div id="divMain" name="divMain" style="visibility:visible;position:absolute">
    </div></body>
    </html>