未获取名称属性

Question

I am not getting value from name Attribute. What I am doing wrong?

For example

$(function() {
    $("#orderForm").submit(function(e){
        e.preventDefault();
        var statusName = $(this).attr('input[name="name"]').val();
        var statusDesc = $(this).attr('input[name="description"]').val();
        alert(statusName);
    });
});

HTML Code:

<form id='orderForm'>
   <input type="text" name="name">
  <textarea name="description"></textarea>
 <button type="Submit">Add</button>
</form>

Answer 1

You are searching for attribute equals selector ,

$("#orderForm").submit(function(e){
  e.preventDefault();
  var statusName = $('input[name="name"]', this).val();
  var statusDesc = $('textarea[name="description"]', this).val();
  alert(statusName);
});

And here i have used $("selector", context) version, So the elements which matches the selector would be searched inside the context not out of it. And it is very similar to $(context).find("selector")

Answer 2

jQuery attr function get the value of an attribute, not the value of an text input.

You should use children() for get the user input value of the orderForm module. I prepared a Js Bin with the correct code.

Answer 3

try this,

$(function() {
  $("#orderForm").submit(function(e) {
    e.preventDefault();
    var statusName = $(this).find('input[name="name"]').val();
    var statusDesc = $(this).find('*[name="description"]').val();
// or var statusDesc = $(this).find('textarea[name="description"]').val();
    alert(statusDesc);
  });
});

i would recommend you to assign Id's for each field while dealing with forms