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>