如何获取form表单对象的值

Question

姓名：

电话：

    我页面中有这样多个表单，我都是这个定义的，当我点击确定按钮时，此时能够获得相对应的表单对象，我该怎么获取到他的两个值呢？

Answer 1

你是不是这样写的：

<form id="form1">
    <lable>姓名:</lable>
    <input type="text" class="user_name">
    <lable>电话:</lable>
    <input type="text" class="user_tel">
    <span class="button">确定</span>
</form>
<form id="form2">
    <lable>姓名:</lable>
    <input type="text" class="user_name">
    <lable>电话:</lable>
    <input type="text" class="user_tel">
    <span class="button">确定</span>
</form>
<form id="form3">
    <lable>姓名:</lable>
    <input type="text" class="user_name">
    <lable>电话:</lable>
    <input type="text" class="user_tel">
    <span class="button">确定</span>
</form>

如果是这样的话，使用jQuery方法：

$(function(){
     $('.button').each(function(){
        $(this).click(function(){
            var name = $(this).parent('form').find('.user_name').val();
            var tel = $(this).parent('form').find('.user_tel').val();
            console.log(name);
            console.log(tel);
        });
     });
})

以上是来自tity的回答，希望对你有所帮助。