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

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

Dynamically set id for hidden fields in template file

javascript

smarty