jQuery从表单获取值返回Undefined

时间:2017-02-02 02:50:08

标签: javascript jquery pug

我遇到过这个问题的多个答案,但没有找到一个有效的答案。我正在使用帕格(玉)并尝试从模态形式获取值。

这是哈巴狗:

     #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);
         }); 
});

1 个答案:

答案 0 :(得分:1)

我不认为我可以在不知道#DynamicValueAssignedHere的位置的情况下找到问题。但就事情而言,我认为jquery更容易找到(一个id)而不是一个输入[name:

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

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