2015-08-15 18 views
0

我想將下拉菜單項名稱作爲輸入傳遞給php文件。作爲一個例子,Tutorials菜單項有三個下拉菜單項(Photoshop,Illustrator,Web Design),當它們中的一個小雞時,我想顯示一些數據庫中的數據。將網頁中下拉菜單項的名稱傳遞給php文件

enter image description here

要到我覺得我有菜單項的類型傳遞到PHP文件。但問題是如何將菜單項的名稱變爲變量。 這可能嗎?我該怎麼做?

以下是我的代碼爲'教程'。

<nav> 
<ul> 
     <li><a href="#">Tutorials</a> 
      <ul> 
       <li><a href="#">Photoshop</a></li> 
       <li><a href="#">Illustrator</a></li> 
       <li><a href="#">Web Design</a></li> 
      </ul> 
     </li> 
</ul> 

+0

你想在哪裏顯示從PHP數據庫檢索到的數據?一個新的頁面或彈出div ?.我可以寫一些代碼來幫助你順利完成任務。 –

+0

我想將結果顯示到一個新頁面 – KMA

+0

您只需將導航鏈接重定向到從數據庫中提取數據的每個PHP文件,讓我們把這一點變得簡單。閱讀我關於通過鏈接發送信息的答案,我只是在其中發佈了一些信息。 –

回答

2

簡短的回答在JavaScript:

<script type="text/javascript> 
    var selected_menu_item; 
    $('nav ul ul li').click(function() { 
     selected_menu_item = $(this).text(); 
    }); 
</script> 

現在你在selected_menu_item JavaScript變量有點擊的項目的名稱。

所以,一旦你擁有它,你可以在HTTP調用使用它:

<script type="text/javascript> 
    var selected_menu_item; 

    $('nav ul ul li').click(function() { 
     // Get the clicked item name 
     selected_menu_item = $(this).text(); 

     // Send it somewhere by POST 
     $.post("http://example.com", {item: selected_menu_item}); 
    }); 
</script> 

這是假設你正在使用jQuery - 一個非常流行的JavaScript庫,它現在已經成爲網絡上的一個標準。爲了使這個例子工作,把:

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> 

在你的頭部分。不需要額外的文件,因爲它使用CDN將文件從網絡傳送到您。

見的jsfiddle測試它自己:https://jsfiddle.net/1o49a2rs/

0

你可以用GET方法真的很容易做到這一點,你可以閱讀有關PHP.net GET方法的進一步信息。只需搜索GET。 我會盡力解釋GET如何滿足您的需求,簡單而有說服力,任何疑問都會問,我會用我的知識擴展答案。

您的鏈接會是這個樣子:

<nav> 
<ul> 
    <li><a href="#">Tutorials</a> 
     <ul> 
      <li><a href="/php/PostData.php?link=Photoshop">Photoshop</a></li> 
      <li><a href="/php/PostData.php?link=Illustrator">Illustrator</a></li> 
      <li><a href="/php/PostData.php?link=WebDesign">Web Design</a></li> 
     </ul> 
    </li> 
</ul> 

在你PostData.php文件,你需要創建一個小功能來獲得與此方法發送的信息。 (PostData.php?link = Photoshop):'link'將是您的GET變量,並且您將其值作爲photoshop發送。

這是在PHP中獲得價值的簡單方法:

if ($_SERVER['REQUEST_METHOD'] == "GET") { // Checks if GET Request was made. 
    if($_GET['link']){      // Checks if link variable is set throguh GET 
     $getLink = $_GET["link"];   // Sets the value of link to a variable 
     if($getLink == "Photoshop"){  // if the value of the link is Photoshop 
      echo "Youve selected Photoshop"; // Echoes you selected it. 
     } else { 
      echo "You didn't select Photoshop"; // Options are infinite past here 
     } 
    } 
} 

我希望這有助於!祝你好運,還有其他事情,只是問。

相關問題