JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <input type="textbox" name="item_id" class="item_id1 hidden"  value="" />
</div>
<div>
  <input type="textbox" name="item_id" class="item_id2" style="display:none;"  value="" />
</div>
<div>
    <input type="textbox" name="item_id" class="item_id3"  value="" />
</div>

<button class="click">Click!</button>

CSS

.hidden { display: none; }

JavaScript

$('button').click(function() {
  $('.item_id1').val('test 1');
  $('.item_id2').val('test 2');
  $('.item_id3').val('test 3');
});