jquery : Setting value in hidden input upon onchange event

Question

I have a HTML file with a simple drop down list.

Upon selecting one of the choices, I want the choice to be stored in a hidden input.

 <div id ="mainContent">
    <span style="font-size: 15px;"> Category : </span> <select id="selectid" name="filecategory">
                    <option value="A">A</option>
                    <option value="B">B</option>
                    <option value="C">C</option>
                    <option value="D">D</option>
                    <option value="E">E</option>
           </select>
          <br /><br />
 <input type="hidden"  name="filecategory" value="XXX" /> 
    </div>

I did some research online and came up with this handler code upon detecting a change event in the drop down list.

 $("#selectid").change(function(){
                   alert('change called');
                });

Can someone tell me how I can set the hidden input via this handler ?

Thomas Brd · Accepted Answer · 2018-02-25 21:38:35Z

3

Solved here:

$("#selectid").change(function(){
  $("input[name='filecategory']").val($(this).val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select id="selectid" name="filecategory">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
  <option value="E">E</option>
</select>
           
<input type="hidden"  name="filecategory" value="XXX" />

answered Feb 25, 2018 at 21:38

Thomas Brd

1,2739 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jquery : Setting value in hidden input upon onchange event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related