如何從HTML / Javascript中的多個按鈕檢測數據

Question

我在開發html文件方面很新，遇到了1個問題。 可以說我有6張圖片，可以用作按鈕（它們會打開彈出窗口等）。 所以我的問題是...我該如何傳遞被按下的img中的數據並將其顯示在標簽中？

img按鈕代碼如下所示：

<td width="33%"><a onClick='javascript:fg_popup_form("fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup");'><img src="img/klumpanje.gif" width="202" height="77"></a></td>

標簽在單獨的彈出文件中，如下所示：

<div class='container'>
    <label  for='message'>Izbira:</label><br/>
    <span id='contactus_message_errorloc' class='error'></span>
    <input name="message" type="text" id="message" value="knof1" size="50" readonly="readonly" />
</div>

請輸入答案。

Answer 1

我創建了一個新函數，該函數調用彈出窗口並由該函數發送參數

<td width="33%"><a id="kl" onClick='test("1");'> <img src="img/klumpanje.gif" width="202" height="77"></a></td>

功能：

function test(tmp){
    var elem = document.getElementById('message');  

    if( tmp == "1")
    {
        elem.value="Klumpanje";
    }...
    javascript:fg_popup_form("fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup","kl");
  }

Finnaly使其正常工作。 TY所有的答案，非常感謝:)。

Answer 2

根據您處理彈出窗口的方式，可以將鏈接代碼更改為類似的內容：

<a href="image-page.php?button=1" target="_blank"><img (your image tag here) /></a>

然后使用PHP或其他服務器端代碼來處理GET請求。 這種方式還允許沒有javascript的用戶將圖像用作按鈕。

Answer 3

在您的錨標記中添加id屬性，例如id="someID"然后在您的fg_popup_form()函數中傳遞id 。 例如;

<td width="33%"><a id="someID" onClick='javascript:fg_popup_form("someID","fg_formContainer","fg_form_InnerContainer","fg_backgroundpopup");'><img src="img/klumpanje.gif" width="202" height="77"></a></td>

您的功能代碼應如下所示

function fg_popup_form(id,formContainer,innerContainer,backgroundPopup)
{
  if(id == "someID")
  {
    // do your work
  }
  else if(id == "someID2")
  {
    // do your work
  }
  // and so on
}