动态设置模板文件中隐藏字段的ID

Question

如何动态设置模板文件中隐藏字段的ID？我想稍后使用JS在警告框中显示该值。

模板文件：

<table>
%for doc in docs:
<tr>
<td>
<a href = '' onclick="popup1();">Link</a>   
<input type=hidden id="**do something here**" name="hidden" value="{{doc["Field"]}}" />
</td>
</tr>
%end
</table>

JS：

function popup1()
{
alert(document.getElementById("hiddenFieldID").value);
}

有人可以建议我在在这里做点什么 ???

做什么

Answer 1

也许您不需要ID

如果你这样做

<a href="" onclick="return popup1(this);">Link</a> 

你可以

function popup1(anchor) {
  alert(anchor.parentNode.getElementsByTagName("input")[0].value);
  return false;
}

在jQuery中：

<a href="#" class="popup">Link</a> 

使用

$(function() {
  $(".popup").on("click",function(e) {
    e.preventDefault();
    alert($(this).next().val());
  });
});