代码之家  ›  专栏  ›  技术社区  ›  Ciprian

使用javascript在divs中显示php

  •  1
  • Ciprian  · 技术社区  · 16 年前

    我正在尝试根据从下拉菜单中的选择显示不同的div。

     <html>
    <head>
    <title>DDlist Div Display</title>
    <script type="text/javascript">
    function ShowDivArea(info) {
      var sel = document.getElementById('divArea').getElementsByTagName('div');  
      for (var i=0; i<sel.length; i++) { sel[i].style.display = 'none'; }
      if (info == '0') { return; }
      document.getElementById('divArea'+info).style.display = 'block';
    }
    
    </script>
    
    <style type="text/css">
    .divArea { display:none; height:100px; width:500px; border:1px solid red; }
    </style>
    
    </head>
    
        <body>
    
    <select id="DDDivList" onchange="ShowDivArea(this.selectedIndex)">
      <option value="0" selected> -- Select A Design Service --</option>
      <option value="1"> QR Bookmark </option>
      <option value="2"> Twitter </option>
      <option value="3"> Ning or Tumblr </option>
      <option value="4"> Flyers </option>
      <option value="5"> Business Card or Brochure</option>
      <option value="6"> Album or Mixtape cover</option>
      <option value="7"> Other</option>
    </select>
    
    <div id="divArea">
     <div id="divArea1" class="divArea">
    
     <form action='code.php' method='GET'>
        <input type='text' name='myname'><br>
        <input type='submit' value='Click here'>
    </form>
    
    <?php
    
    
    $name = $_GET['myname'];
    if ($name)
    echo "Hello, $name.";
    
    
    ?>
    
    
    </div>
     <div id="divArea2" class="divArea">
    </div>
    </body>
    </html>
    

    从这里开始你就明白了。每个下拉选项有更多的div。

    这是我没有得到的:我想给每个div添加一个不同的php脚本code.php 是吗?

    1 回复  |  直到 16 年前
        1
  •  0
  •   alex    16 年前

    这是我没有得到的:我想给每个div添加一个不同的php脚本code.php 是吗?

    include 它,或者像你现在做的那样简单地插入它。

    也, code.php 可以是你想要的任何东西。你可能希望它能处理 $_GET['myname'] .

    如果你真的想 要包括在内,试试这个

    include 'code.php';
    

    在安全记录上, echo $name 这样你就有机会 XSS vulnerability ,除非你逃出 $_GET