javascript - 使用javascript单击链接时如何设置隐藏字段的值

Question

我想在单击链接时为隐藏字段 (sub_catid) 设置值。我的源代码如下。

隐藏输入框

<input type="hidden" name="sub_catid" value="" id="sub_catid">

链接

<a href="#" data-subcat="3" class="sub-cat-id">Sub Category Name</a>

Answer 1

function func(btnId){
    document.getElementById('sub_catid').value = document.getElementById(btnId).getAttribute('data-subcat');
    //testing new value
    alert(document.getElementById('sub_catid').value);
}

<input type="hidden" name="sub_catid" value="" id="sub_catid">
a link
<a id="button" href="#" data-subcat="3" class="sub-cat-id" onclick="func(this.id)">Sub Category Name</a>