Question

我正在尝试根据下拉菜单中的选项显示不同的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应该是什么？

谢谢。

Answer 1

这是我没有得到的：我想为每个div添加一个不同的php脚本。 code.php应该是什么？

你可以include，或者像你现在一样简单地插入内联。

此外，code.php可以是您想要的任何内容。您可能希望它处理$_GET['myname']。

如果您确实希望code.php包含在内，请尝试使用

include 'code.php';

在安全提示上，echo $name这样的$_GET可能会让您向XSS vulnerability开放，除非您逃脱{{1}}超级全局（当然可能）太多的一揽子解决方案）。

使用javascript在div中显示php

1 个答案: