我知道这是一个经常发布的问题,所以我对此表示歉意,但是我已经尝试了javascript,jQUERY,parts 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:如果您的表单是动态添加的,请不要忘记委托您的事件