jq 用val()获取input的值无效

用id获取input标签，取不到该input的value值，用改标签的name属性就可以。

4个下面这种input，懒得复制了，就贴一个。

<input id="popup_email_add" name="email" placeholder="输入邮箱">

这个是使用id获取然后val(),只能取第一个的value，剩下3个都是undefined。

function user_add(){
    
    
    let Arr=[],
        userName=$('#popup_user_add').val(),
        userEmail=$('popup_email_add').val(),
        password=$('popup_pas_add').val(),
        phone=$('popup_phone_add').val();
        let data1={
    
    "userName": userName,"password": password,"email": userEmail,"phone": phone
        };
        
        Arr.push(data1);
        $.ajax({
    
    
            url:/*[[${#request.getContextPath()} + '/api/admin/account/add']]*/'http://localhost:8080/future-novel/api/admin/account/add',
            type: 'post',
            datatype:'json',
            data: JSON.stringify(Arr),
            contentType: 'application/json; charset=utf-8',
            success: function(data){
    
    
                console.log('添加成功');
                console.log(data)
            },
            error: function(jqXHR){
    
    
                console.log('添加失败');
                console.log(jqXHR.responseJSON.errorMessage);
            }
        })
}

这个是用name属性获取的，就可以取到value()，具体原因等我找到后贴到最下面吧。

function user_add(){
    
    
    let Arr=[],
        userName=$('#popup_user_add').val(),
        userEmail=$('input[name="email"]').val(),
        password=$('input[name="pas"]').val(),
        phone=$('input[name="phone"]').val();
        let data1={
    
    "userName": userName,"password": password,"email": userEmail,"phone": phone
        };
        Arr.push(data1);
        $.ajax({
    
    
            url:/*[[${#request.getContextPath()} + '/api/admin/account/add']]*/'http://localhost:8080/future-novel/api/admin/account/add',
            type: 'post',
            datatype:'json',
            data: JSON.stringify(Arr),
            contentType: 'application/json; charset=utf-8',
            success: function(data){
    
    
                console.log('添加成功');
                console.log(data)
            },
            error: function(jqXHR){
    
    
                console.log('添加失败');
                console.log(jqXHR.responseJSON.errorMessage);
            }
        })
}