如何使用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>