使用jQuery從動態創建的輸入字段訪問輸入文本

Question

我正在嘗試建立一個在線考試系統。 為了制作試卷，我正在動態創建兩種類型的輸入字段。 一個是問題，另一個是問題的選擇。 我的jQuery代碼

<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("");
            });

但是我無法從兩個輸入字段中訪問輸入文本。 我嘗試了很多次，但是失敗了。 單擊確定按鈕時如何獲取輸入文本？

Answer 1

您應該使用事件委托.on（）函數來訪問動態添加的內容。.這是實現該目的的示例，希望對此有所幫助：

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

    }}

  });
  </script>