Question

我有一个输入var的函数是Form的名称和输入的ID。现在我想获得密码输入的值。问题是我有一些具有相同ID但具有不同形式的输入。所以当我知道它的形式时，我想要一种灵活的方式来获得它的价值。

我试过了 var x = Form_Name.ID_Name.value;

但它不起作用。所以请告诉我如何通过灵活的方式获取密码输入的价值。非常感谢。以下是我的代码：

<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="lolkittens" />
    <script charset="utf-8" type="text/javascript">
        function check(Form_Name, ID_Name)
        {
            alert(document.getElementById(ID_Name).value);
            alert(Form_Name);
            var x = Form_Name.ID_Name.value;
            alert(x);
        }
    </script>
    <title>Untitled 1</title>
</head>

<body>

    <div id="main" style="width: 300px; height: 200px;">
        <form name="MainForm" id="MainForm">
            <input id="ID" name="ID" type="text" size="20"/>
            <input id="Pass" name="Pass" type="password" size="20"/>
        </form>
        <button value="click Me" onclick="check('MainForm','ID')"> Click Me </button>
    </div>
</body>
</html>

Answer 1

我为您创建了另一个获取密码的按钮。

<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="lolkittens" />
    <script charset="utf-8" type="text/javascript">
        function check(Form_Name, ID_Name)
        {
            alert(document.getElementById(ID_Name).value);
        }
    </script>
    <title>Untitled 1</title>
</head>

<body>

    <div id="main" style="width: 300px; height: 200px;">
        <form name="MainForm" id="MainForm">
            <input id="ID" name="ID" type="text" size="20"/>
            <input id="Pass" name="Pass" type="password" size="20"/>
        </form>
        <button value="click Me" onclick="check('MainForm','ID')"> Click Me for ID </button>
        <button value="click Me" onclick="check('MainForm','Pass')"> Click Me for Password</button>
    </div>
</body>
</html>

优化方式：您也可以通过传递一个ID数组来使用相同的按钮来实现它。

请告诉我，我可以提供更多相关信息。

Answer 2

使用它的ID访问用户名和密码。

＆＃13;

<html>
<head>
    <meta http-equiv="content-type" content="text/html" />
    <meta name="author" content="lolkittens" />
    <script charset="utf-8" type="text/javascript">
        function check()
        {
            var username = document.getElementById("ID").value;
            var password = document.getElementById("Pass").value;
            alert("Username: "+username+"  Password: "+password);
        }
    </script>
    <title>Untitled 1</title>
</head>

<body>

    <div id="main" style="width: 300px; height: 200px;">
        <form name="MainForm" id="MainForm">
            <input id="ID" name="ID" type="text" size="20"/>
            <input id="Pass" name="Pass" type="password" size="20"/>
        </form>
        <button value="click Me" onclick="check()"> Click Me </button>
    </div>
</body>
</html>

＆＃13;

如何获得密码输入Javascript的价值

2 个答案: