Javascript 如何提取动态生成的输入框中输入的值,并使用jquery将其传递给控制器?

Javascript 如何提取动态生成的输入框中输入的值,并使用jquery将其传递给控制器?,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一个表单,用户可以在其中输入输入框并在单击时删除它们。我想提取在这些输入框中输入的值,并使用jQuery将它们传递给控制器。我该怎么做?现在我正在使用ID提取值,但我认为这不是一个更好的方法,因为假设我添加4个选项,然后删除所有选项,然后再次添加输入,我将无法跟踪这些ID并提取值 以下是我的HTML代码: <button type="button" class="addoption" id="addoption_btn">Add more option</button>

我有一个表单,用户可以在其中输入输入框并在单击时删除它们。我想提取在这些输入框中输入的值,并使用jQuery将它们传递给控制器。我该怎么做?现在我正在使用ID提取值,但我认为这不是一个更好的方法,因为假设我添加4个选项,然后删除所有选项,然后再次添加输入,我将无法跟踪这些ID并提取值

以下是我的HTML代码:

<button type="button" class="addoption" id="addoption_btn">Add more option</button>
<div id="Options">
<input type="text" name="mytext[]" id="option_1" placeholder="Option 1"/>
</div>

请使用下面提到的代码阅读所有显示的选项

function storequestion(ques) {
            obj = {};
            obj[question] = ques;
            $("#Options:input[name*='mytext']").each(function (index) {
                obj['option' + index] = $(this).val();
            });

            $.post("/instructor/store/question", obj
                , function (data) {
                    if (data[0] === "success") {
                        window.location.href = '/instructor/create/topics';
                    }
                    else {
                        alert("fails");
                        window.location.href = '/instructor';
                        //redirect to further page to enter courses
                    }
                }
                , 'json');


        }

在哪里输入上述代码,以及如何将值传递给控制器并在那里提取?
    $("#addquestion_btn").click(function(){
        var val= CKEDITOR.instances['question_topic'].getData();
           storequestion(val);        
    });


function storequestion(ques)
    {
        $.post("/instructor/store/question",{
            question: ques,
            option1: $("#option_1").val(),
            option2: $("#option_2").val()
        },function(data){
            if(data[0]==="success")
                {
                    window.location.href = '/instructor/create/topics';
                }
                else
                    {
                        alert("fails");
                        window.location.href = '/instructor';
            //redirect to further page to enter courses
        }}
    ,'json');


    } 
function storequestion(ques) {
            obj = {};
            obj[question] = ques;
            $("#Options:input[name*='mytext']").each(function (index) {
                obj['option' + index] = $(this).val();
            });

            $.post("/instructor/store/question", obj
                , function (data) {
                    if (data[0] === "success") {
                        window.location.href = '/instructor/create/topics';
                    }
                    else {
                        alert("fails");
                        window.location.href = '/instructor';
                        //redirect to further page to enter courses
                    }
                }
                , 'json');


        }