How to add values to hidden div fields using jquery

Question

I have a situation like there will be one hidden div

<div id="div_id">
     <input type="text" id="input_id" name="input_name">
</div

I have hidden the div using hide() function using jquery

  $('#div_id').hide();

Now my problem is how can I add values to above input field and display the values when I show the div.

   $(document).ready(function(){
       $("select#po_pos").change(function()
       {
           var stateId = $("#po_pos option:selected").val();
           $('#input_id').val($('#').val() + stateId);
       }
 });

can anyone help on this please??thanks

on div show you can get value form that input and show in label using jquery — CHiRAG
– CHiRAG, Commented Mar 21, 2018 at 6:04
Can you please explain what's this code '$('#input_id').val($('#').val() + stateId);'. — vikalp
– vikalp, Commented Mar 21, 2018 at 6:10

Deepu Reghunath · Accepted Answer · 2018-03-21 06:18:25Z

You were missing the input box id. This may help you

$(document).ready(function(){
       $("#po_pos").change(function()
       {
           var stateId = $("#po_pos option:selected").val();
           $('#input_id').val($('#input_id').val() + stateId);
       });
       $("#btn1").click(function()
       {
           $('#div_id').show();
       });
       $("#btn2").click(function()
       {
           $('#div_id').hide();
       });
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div_id">
     <input type="text" id="input_id" name="input_name">
</div>
<select id="po_pos">
  <option value="1">Volvo</option>
  <option value="2">Saab</option>
  <option value="3">Mercedes</option>
  <option value="4">Audi</option>
</select>
<input type="button" id="btn1" value="Show"/>
<input type="button" id="btn2" value="Hide"/>

vikalp · Accepted Answer · 2018-03-21 06:18:27Z

0

I think you are looking for this :

<div id="div_id">
     <input type="text" id="input_id" name="input_name">
</div>

<script>        
  $('#div_id').hide();

   $(document).ready(function(){
       $("select#po_pos").change(function()
       {
           var stateId = $("#po_pos option:selected").val();
           var inputVal = $('#'+stateId).val();
           $('#input_id').val(inputVal);
           $('#div_id').show();
       }
 });
</script>

answered Mar 21, 2018 at 6:18

vikalp

3302 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to add values to hidden div fields using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related