2010-08-10 82 views
1

我試圖根據從下拉菜單中的選擇顯示不同的div。使用javascript在div中顯示php

<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應該是什麼?

謝謝。

+0

我不知道我在這裏理解你的問題。 「不同的PHP腳本」是什麼意思?爲什麼你不能在每個div中插入相應的PHP代碼? – casablanca 2010-08-10 23:27:26

+0

因此:

code.php不是加載的頁面。我有一個wordpress頁面模板。應該提到的是..斯里。所以鏈接是像http://site.com/?page_id=29 – Ciprian 2010-08-10 23:30:24

回答

0

這是我沒有得到的:我想爲每個div添加一個不同的PHP腳本。 code.php應該是什麼?

你可以include它,或簡單地插入它像你目前正在做的內聯。

此外,code.php可以是任何你想要的。你可能會想要它處理$_GET['myname']

如果你真的想code.php要包括有,試試這個

include 'code.php'; 

在一個安全提示,echo荷蘭國際集團$name這樣可以讓你開到XSS vulnerability,除非你逃脫$_GET超級全局課程的(這可能是太多的一攬子解決方案)。

+0

謝謝你。我試圖包括它......但它仍然顯示在此服務器上找不到請求的URL/code.php。我會繼續努力。 – Ciprian 2010-08-10 23:42:30