2016-06-28 73 views
0

我試圖生成一組N個按鈕,每個數據庫表的一個按鈕,我需要通過將其style="display:none"設置爲style="display:block"來顯示<div>當其中一個按鈕被點擊時,此<div>將顯示一個表單。如何調用一個函數,取決於按下按鈕以顯示div?

直到現在我得到這個:

home.PHP

<div id="add" style="display:none;"> 
     <form action="#" method="post" id="form"> 
      <div src="close" id="close" onClick="div_hide()">X</div> 
      Aggiungi 
      <input type="text" name="soldi" id="campo" placeholder="Soldi"> 
      <a id="submit" href=""> 
       <button>Aggiungi</button> 
      </a> 
     </form> 
    </div> 
<?php 
    while($sezioni = mysqli_fetch_assoc($sezione_sql)){  
     echo "<div class =\"sezione\"> 
        <a id=\"popup\" onclick=\"div_show()\"> 
         <div class=\"pulsante\">add</div> 
        </a> 
       </div>"; 
    } 
?> 

java.JS

function div_show() { 
    document.getElementById('add').style.display = "block"; 
} 

function div_hide(){ 
    document.getElementById('add').style.display = "none"; 
} 

我怎麼能叫上提出,將更新determinated DB行得到一個功能在輸入按下按鈕的ID?

+0

歡迎SO。 請閱讀[我可以問哪些主題](http://stackoverflow.com/help/on-topic) 和[如何提出一個好問題](http://stackoverflow.com/help/how-to -ask) 和[完美的問題](http://codeblog.jonskeet.uk/2010/08/29/writing-the-perfect-question/) 和[如何創建一個最小,完整和可驗證的例子] (http://stackoverflow.com/help/mcve) SO是**不是免費的編碼或代碼轉換或教程或庫查找服務**您還必須證明您已經努力解決您自己的問題。 – RiggsFolly

+0

非capisco il tuo codice:所有的按鈕是相同的,並且做同樣的操作,使窗體可見。如果所有按鈕都相同,則不知道按下了哪個按鈕。 –

+1

元素ID必須是唯一的。在每個DIV中不能有'id =「popup」''。使用'class =「popup」'。 – Barmar

回答

1
  1. 通過javascript函數傳遞db_id。
  2. 在javascript函數中,將傳遞的db_id分配給表單中隱藏的輸入 字段。

傳遞DB_ID:

while($sezioni = mysqli_fetch_assoc($sezione_sql)){ 
    $db_id = $sezioni['id']; // id from database 
     echo "<div class =\"sezione\"> 
        <a id=\"popup\" onclick=\"div_show($db_id)\"> 
         <div class=\"pulsante\">add</div> 
        </a> 
       </div>"; 
    } 

在窗體上添加隱藏的輸入字段

<input type="hidden" name="db_id" id="db_id" value=""> 

在JavaScript函數

function div_show(db_id) { 
    document.getElementById('add').style.display = "block"; 
    document.getElementById('db_id').value = db_id; 
} 
+0

不需要爲錨標籤添加標識。 –

相關問題