Access input text from dynamically created input field using jquery

Question

I am trying to build an online exam system. To make question paper i am creating two types of input fields dynamically. One is for question, and another is for options of the question. My jquery codes

<div id="q_paper"></div>
<br/><button type="button" id="go2">Ok</button>

for(var i=0;i<total_question;i++){
                var nw="<div class='q'>("+(i+1)+".)<textarea class='text_area'>Question"+(i+1)+"</textarea><br/>";
                for(var j=0;j<option_number;j++){
                    nw+="<input type='radio'/><input type='text' class='opt' value='option"+(j+1)+"' onfocus='this.value="+null+"'/>"+'<br/>';
                }
                nw+="</div>";
                $("#q_paper").append(nw);
            }

            $(".text_area").click(function(){
                $(this).text("");
            });

But i cann't access the input text from the both input field fields. I have tried a number of times but failed. How to get input text when a ok button is clicked ?

How are you trying to access the input? Consider to use the Delegated events version of on function when creating elements on-the-fly. api.jquery.com/on — Ofir Baruch
– Ofir Baruch, Commented May 1, 2015 at 18:43
Where is your ok button and how are you handling the click to get the input? — roxxypoxxy
– roxxypoxxy, Commented May 1, 2015 at 18:45

Norlihazmey Ghazali · Accepted Answer · 2015-05-01 19:03:25Z

3

You should have use event delegation .on() function to access dynamically added content.. Here is the example to achieve that, hope this help:

<script>
 $(function(){
    $(document).on('click','#go2', function(){
        $('input.opt').each(function(){
              alert($(this).val());
         });

    }}

  });
  </script>

edited May 1, 2015 at 19:03

answered May 1, 2015 at 18:57

Norlihazmey Ghazali

9,0701 gold badge26 silver badges42 bronze badges

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

2 Comments

partho Over a year ago

i can get input from 2nd input filed. pls edit answer how to get from 1st input field using class text_area. its not working just changing the class name

partho Over a year ago

yeah, i got answer. Thank u

Collectives™ on Stack Overflow

Access input text from dynamically created input field using jquery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related