Как получить значение из динамически создаваемого скрытого поля в JQuery?

Question

В моем случае я пытаюсь получить значение из динамически сгенерированного скрытого поля в JQuery. Когда я нажимаю кнопку для этой итерации, я должен получить значение для скрытого поля, принадлежащего этой итерации. Но я не могу получить это. Это дает значение как «неопределенный»

HTML:

<div class="comment-list-new" style= "max-height: 660px !important;overflow-y: scroll;">
    <h5>Discussion Board</h5>
    <ol>
        {{  if .ViewData.Questions }}
        {{ range .ViewData.Questions }}
            <li>
                <p id="question_id" class="question_id_val" hidden>{{.QuestionId}}</p>
                <div class="q-comment">
                    <div class="qanda questiondiv" id="questionarea" name="questionarea">
                        <div>
                            <div id="topic" class="upvote pull-left">
                                <a class="upvote"></a>
                                <span class="count">3</span>
                                <a class="downvote"></a>
                            </div>
                            <div >
                                <div class="qanda-info">
                                    <h6><p id="quest_title">{{.QuestionTitle}}</p></h6>
                                </div>
                                <p id="quest_text">{{.QuestionText}}</p>
                            </div>
                        </div >
                        <div class="qanda-info">
                        <div class="user-info">
                            <img src="/resources/img/team-small-2.png" />
                        </div>
                        <h6>{{.UserId}}</h6>
                        <span class="date alt-font sub">{{.DateCreated}}</span>
                        <a id="answertext" name ="answertext" type="submit" class="link-text answerbutton">Answer</a>
                    </div>
                    </div>
                </div>
            </li><!--end of individual question-->
         {{ end }}
        {{ end }}
    </ol>
</div><!--end of comments list-->

JS:

$('.questiondiv').on('click', '.submitanswerbutton', function() {
    console.log("In submit button");
    var question_id = $(this).closest('.question_id_val').val();
    var answer_text = $('.answertext_val').val();
    console.log(question_id);
    console.log(answer_text);
    $.getJSON("/submitanswer?question_id="+question_id+"&answer="+answer_text, function(data) {
            console.log("answer Response"+data);
            newQuestion = "<li><div class='q-comment'><div class='qanda' id='questionarea' name='questionarea'><div><div id='topic' class='upvote pull-left'><a class='upvote'></a><span class='count'>0</span><a class='downvote'></a></div><div ><div class='qanda-info'><h6><p id='quest_title'>"+title+"</p></h6></div><p id='quest_text'>"+desc+"</p></div></div ><div class='qanda-info'><div class='user-info'><img src='/resources/img/team-small-2.png' /></div><h6>Chip Mayer</h6><span class='date alt-font sub'>September 17 2014</span><a id='answertext' name ='answertext' type='submit' class='link-text'>Answer</a></div></div></div></li>";
            $('ol').append(newQuestion);
    });
});

В приведенном выше коде я пытаюсь получить значение для скрытого поля question_id_val. Может ли кто-нибудь помочь мне с этим?

javascript jquery html hidden

3

Dany 19 Дек 2015 в 04:12

Answer 1

Используйте closest(), чтобы получить ссылку на внешний контейнер (li), а затем используйте метод find(), чтобы получить скрытое поле.

 var question_id = $(this).closest('li').find('.question_id_val').val();

Метод val() работает обычно с полями ввода (текстовое поле, скрытые поля и т. Д.). Поэтому необходимо убедиться, что ваш элемент является допустимым полем формы на вашей странице.

<input type="hidden" id="question_id" class="question_id_val" />

Или, если вы хотите сохранить свой тег p, как есть, используйте метод html() или text(), чтобы получить содержимое тега p.

var question_id = $(this).closest('li').find('.question_id_val').text();

Помните, что этот метод также возвращает текст / html всего дочернего контента. Поэтому убедитесь, что используете это с умом.

4

Shyju 19 Дек 2015 в 01:31

Answer 2

Val () должен использоваться главным образом в элементах select, textarea и input.

Для получения внутреннего текста используйте html () или text ()

var question_id = $(this).closest('.question_id_val').html();

Или

var question_id = $(this).closest('.question_id_val').text();

0

tasos neten 19 Дек 2015 в 01:29

Answer 3

Если вы знаете селектор CSS id или class, я не вижу проблемы, почему вы не можете сделать что-то вроде этого:

var question_id = $('#question_id').text();

Или же

var question_id = $('.question_id_val').text();

0

salc2 19 Дек 2015 в 03:09

Как получить значение из динамически создаваемого скрытого поля в JQuery?

3 ответа

Похожие вопросы

Связанные вопросы

Новые вопросы

javascript