我知道这是一个经常发布的问题,所以我对此表示歉意,但是我已经尝试了javascriptjQUERYparts of this,以前工作的多个版本,.value,.textContent,.innerHTML,getAttribute('值”),document.getElementById以及我能想到的所有其他内容。

我console.log(user_name.value)并获取我想要的值,但是当我console.log(name)或尝试使用user_name.value时,它只是一个空字符串。我是开发新手,其余所有代码都可以正常工作,其他所有内容都挂在这个简单的部分上,我还无法解决。任何帮助将不胜感激。

HTML:

    <form>
        <input id="user_name" type="text" placeholder="Your Name" />
        <input id="user_email" type="text" placeholder="Your E-mail" />
    </form>


JavaScript:

var name;
var email;

function reserveSeat(name, seatNumber, email) {

    var name = $('#user_name').getAttribute('value');

    var email = $('#user_email').getAttribute('value');

    var seatNumber = seatNumbers;

    reservedSeats.push (new CustomerReservation (name, seatNumber,   email));
    console.log(name)
    console.log(email)
};

$('.submitBtn').on('click', reserveSeat(name, seatNumber, email));

最佳答案

您尝试了所有正确的选择,但没有尝试:val()

name = $('#user_name').val();

email = $('#user_email').val();


注意:如果submitBtn是submit类型,请不要忘记阻止默认事件,

$('.submitBtn').on('click', function(e){
    e.preventDefault();
    name = $('#user_name').val();
    email = $('#user_email').val();
    reservedSeats.push (new CustomerReservation (name, seatNumber,   email));
    console.log(name)
    console.log(email)

});


注意2:如果您的表单是动态添加的,请不要忘记委托您的事件

07-24 09:50
查看更多