正在从文本框中获取输入值

Getting input values from text box

本文关键字：获取 输入 文本      更新时间：2023-09-26

我正试图从文本框中获取文本。

我有两个不在表单中的输入文本框，我正在尝试检索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();"/>&nbsp&nbsp&nbsp
            <input type="button" class="loginButtons" value="Cancel"/></td>
    </table>

您会注意到input标记中没有值attr
此外，尽管没有显示，但请确保在html就位后运行Javascript。

<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>

//注意：使用"this.pass"answers"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"); 
}

您有多个具有相同id的元素。这是一个很大的禁忌。确保您的输入具有唯一的id。

<td id="pass"><label>Password</label></td>
<tr>
   <td colspan="2"><input class="textBox" id="pass" type="text" maxlength="30" required/></td>
</tr>

参见，td和input都共享id值pass。

从td元素中删除id="pass"。现在js将获得td元素而不是输入，因此该值未定义。

Javascript document.getElementById（"<%=contrilid.ClientID%>"）.value；或使用jquery

$（"#<%=txt_iplength.ClientID%>"）.val（）；

这是电子邮件和javascript的示例代码。

params = getParams();
subject = "ULM Query of: ";
subject += unescape(params["FormsEditField3"]);
content = "Email: ";
content += unescape(params["FormsMultiLine2"]);
content += "      Query:    ";
content += unescape(params["FormsMultiLine4"]);
var email = "ni@gmail.com";
document.write('<a href="mailto:'+email+'?subject='+subject+'&body='+content+'">SUBMIT QUERY</a>');
相关文章：