jQuery从表单获取值返回未定义

Question

我遇到了这个问题的多个答案，但没有找到一个可行的答案。 我正在使用pug（jade）并尝试从模式形式获取值。

这是哈巴狗：

     #myModal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='myModalLabel',data-keyboard="false", data-backdrop="static")
   .modal-dialog(role='document')
    .modal-content
      .modal-header
        .text-center.h4#myModalLabel.modal-title(style="color:#4c86ff; font-family: 'Lora', serif; font-size:20px; font-weight:600") please add your symptoms
      .modal-body
        form.form-horizontal(action='/token' ,id='symptoms', method='POST')
          input(type='hidden', name='_csrf', value=_csrf)
          .form-group
              input.textarea.form-control(type='text', name='symptomsInput', id='symptomsInput', placeholder='What are your symptoms?', autofocus, required)
      .modal-footer
        button.btn.btn-primary#button-grabToke(type='submit' data-toggle="modal" data-target="#myModal") Go!

这是我的js：

$('#button-grabToke').click(function(e){
     var symptoms = $('#DynamicValueAssignedHere').find('input[name="symptomsInput"]').val();
      console.log(symptoms);
         }); 
});

Answer 1

我不认为我不知道#DynamicValueAssignedHere在哪里就可以找到问题。 但是在事情上，我认为在jquery上查找（一个id）比输入[name：

find('#symptomsInput').val();

检查您的浏览器调试，并确保#DynamicValueAssignedHere是#symptomsInput的后代。 我打赌不是。