javascript - $ ('#<form name> input[name=<field>]' ).val() 返回未定义？

Question

<s:form action="editDispositionMatrix" namespace="/" 
id="editDispositionMatrix" >
  <s:textarea name="otherReason"  cols="50" rows="5" ></s:textarea>
</s:form>


<script type="text/javascript" charset="utf-8">

  $('#editDispositionMatrix').submit(function(){

    var otherReason1 = $('#editDispositionMatrix 
    input[name=otherReason]').val();       //getting undefined
    var otherReason2 =  $('[name="otherReason"]').val();                                   
    //getting right value
  });

</script>

这是 jsp 中的示例代码，它是一个模型窗口。之前它使用 $('#editDispositionMatrix input[name=otherReason]').val() 从用户输入的文本区域读取值。现在我们得到的值是未定义的。但是当我们使用 $('[name="otherReason"]').val(); 时，我们得到了正确的值。此问题的根本原因是什么？

Answer 1

原因是您没有 <input>选择。使用

$('#editDispositionMatrix textarea[name=otherReason]').val()

相反