如何从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
}