Question

我已经在SO上检查了许多相关问题/答案，但无法找到解决方案。我有以下代码：

    <html>
    <head>
    <title>Admin</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="#">

    <script src="jquery-3.3.1.js"> </script>
    </head>
    <body>
    <div>Test area</div>
    <br/>

    <script>
        document.write('<button onclick="updateFunc()">TEST</button>');
        document.write('<input type="text" id="mytext">');

        function updateFunc()
        {
            document.write($('mytext').val());
        }
    </script>
    </body>
    </html>

输出当我单击TEST按钮时：

    undefined

不知道我在这里做错了什么。我试过搬东西，比如说javascript的顺序，将HTML带入HTML主体，而不是＆＃34;打印＆＃34;它在JS中，但我仍然未定义。我检查了这个元素，然后我得到了：

    <input type="text" id="mytext">

在浏览器中。

Answer 1

更改为$('#mytext').val()，因为它是ID（#）选择器。

<script>
    document.write('<button onclick="updateFunc()">TEST</button>');
    document.write('<input type="text" id="mytext">');

    function updateFunc()
    {
        document.write($('#mytext').val());
    }
</script>

Answer 2

你忘记了＆＃34;＃＆＃34;在你的jQuery选择器中。

function updateFunc()
{
   document.write($('#mytext').val());
}

JQuery .val无法正常工作

2 个答案: