从文本框中获取输入值
从文本框中获取输入值
提问于 2012-01-16 09:36:52
我正在尝试从文本框中获取文本。
我有两个不在表单中的输入文本框，我正在尝试检索value并将其存储在一个变量中。
此代码在弹出的警告框中返回undefined。
<script>
var userPass = document.getElementById('pass');
var userName = document.getElementById('fName');
function submit(){
alert(userPass.value);
}
</script>当我在警告函数中使用userName.value作为参数运行它时，它将工作并显示您在框中键入的任何内容。
下面是html：
<table id="login">
<tr>
<td><label>User Name</label></td>
</tr>
<tr>
<td colspan="2"><input class="textBox" id="fName" type="text" maxlength="30" required/></td>
</tr>
<tr>
<td id="pass"><label>Password</label></td>
<tr>
<td colspan="2"><input class="textBox" id="pass" type="text" maxlength="30" required/></td>
</tr>
<tr>
<td><input type="button" class="loginButtons" value="Login" onclick="submit();"/>   
<input type="button" class="loginButtons" value="Cancel"/></td>
</table>回答 5
Stack Overflow用户
发布于 2013-02-16 19:25:23
<script>
function submit(){
var userPass = document.getElementById('pass');
var userName = document.getElementById('user');
alert(user.value);
alert(pass.value);
}
</script>
<input type="text" id="user" />
<input type="text" id="pass" />
<button onclick="submit();" href="javascript:;">Submit</button>
Stack Overflow用户
发布于 2014-01-04 01:14:28
//注意:使用"this.pass“和"this.name”将创建一个全局变量，即使它位于函数内部，因此请厌倦您的命名约定
function submit()
{
var userPass = document.getElementById("pass").value;
var userName = document.getElementById("user").value;
this.pass = userPass;
this.name = userName;
alert("whatever you want to display");
}Stack Overflow用户
发布于 2012-01-16 09:41:08
从td元素中删除id="pass"。现在，js将获取td元素，而不是input，因此值未定义。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8874960
复制相关文章
相似问题