从输入形式获取文本返回空字符串，但执行console.log显示显示文本

我知道这是一个常见的问题贴，所以我很抱歉，但我试过javascript，jQUERY，parts of this，好几个版本，从之前的工作是做的工作，.value，.textContent，.innerHTML，getAttribute（'value'），document.getElementById和其他所有我能想到的东西。从输入形式获取文本返回空字符串，但执行console.log显示显示文本

我console.log（user_name.value）并获得我想要的值，但是当我console.log（名称）或尝试使用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));

来源

2016-11-15 GR Miller

你试过所有，但正确的：val()

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

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

注：如果submitBtn是一种类型的提交，不要忘记防止默认事件，

$('.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：如果您的形式是动态添加，不要忘记如何授权事件

来源

2016-11-15 05:46:08 madalinivascu

太棒了。谢谢！这工作，并帮助我这么多！ –

没有叫值在输入框中输入属性和您正在使用”使用jQuery用JavaScript功能。 VAL（）”是正确的选择

来源

2016-11-15 05:48:14

Try this, 

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


$(document).on('click','.submitBtn',function(){ 

     var name = $('#user_name').val(); 
     var email = $('#user_email').val(); 

     console.log(name) 
     console.log(email) 

});

来源

2016-11-15 05:53:42 user3040610

谢谢！对于开发人员而言，我知道答案在这里，比我想要的要简单。谢谢！ –

请查看这个

/*need gobal variable or not?? if not I will just remove it 
 
var name; 
 
var email; */ 
 

 

 
function reserveSeat(seatNumbers) { 
 
    /*for savety*/ 
 
    seatNumber = Number(seatNumbers) || 5; 
 
    /* change getAttribute(value) to val()*/ 
 
    var name = $('#user_name').val(), 
 
    email = $('#user_email').val(); 
 

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

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

来源

2016-11-15 05:57:23 RizkiDPrast

从输入形式获取文本返回空字符串，但执行console.log显示显示文本

回答

相关问题