javascript - 动态设置模板文件中隐藏字段的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());
  });
});