Jquery получить значения динамически создаваемых элементов - PullRequest
Новая
       14

Jquery получить значения динамически создаваемых элементов

0 голосов
/ 17 марта 2010

У меня есть HTML-страница с формой.
Форма имеет Div, который динамически заполняется элементами ввода, такими как текстовое поле, радио, флажок и т. Д.

Теперь я хочу получить значения этих динамически создаваемых элементов на странице Html, чтобы я мог отправить их на страницу.

// HTML PAGE 

<script type="text/javascript">
         $(function() {
            populateQuestions();
         });    

         $("#submit_btn").click(function() {
             // validate and process form here
            //HOW TO ??retrieve values???
             var optionSelected = $("input#OptionSelected_1").val();// doesn't work?

            // alert(optionSelected); 
             postAnswer(qid,values);//submit values 
             showNextQuestion() ;// populate Div Questions again new values
         });  


     </script>

    <form action="" name="frmQuestion">
    <div id="Questions" style="color: #FF0000">

    </div>

// Вопрос сценария генерации DIV пример переключателей 

//questionText text of question
//option for question questionOptions
// **sample call**
 var question = createQuestionElement("1","MCQ", "WHAT IS ABCD??", "Opt1$Opt2$Opt3");
 question.appendTo($('#Questions'));


function createQuestionElement(id, type, questionText, questionOptions) {
    var questionDiv = $('<div>').attr('id', 'Question');
    var divTitle = $('<div>').attr('id', 'Question Title').html(questionText);
    divTitle.appendTo(questionDiv);    
    var divOptions = $('<div>').attr('id', 'Question Options');     
    createOptions(id, "radio", questionOptions, divOptions);
    divOptions.appendTo(questionDiv);
    return questionDiv;
}

function createOptions(id, type, options, div) {
    var optionArray = options.split("$");
    // Loop over each value in the array.
    $.each(
 optionArray, function(intIndex, objValue) {
     if (intIndex == 0) {
         div.append($("<input type='" + type + "' name='OptionSelected_" + id + "' checked='checked'  value='" + objValue + "'>"));
     } else {
         div.append($("<input type='" + type + "' name='OptionSelected_" + id + "' value='" + objValue + "'>"));
     }
     div.append(objValue);
     div.append("<br/>");
 }

1 Ответ

1 голос
/ 17 марта 2010

Вы создаете один и тот же ввод несколько раз, так как вы разделяете массив опций, вы делаете это: 

<input type='radio' name='OptionSelected_1' checked='checked'  value='Opt1'>
<input type='radio' name='OptionSelected_1' value='Opt2'>
<input type='radio' name='OptionSelected_1' value='Opt3'>

Вы в настоящее время выбираете по ID с #, вместо этого вы хотите получить name и получить элемент :checked, например: 

var optionSelected = $("input[name=OptionSelected_1]:checked").val();
...