gpt4 book ai didi

javascript - 如何从javascript表单获取用户输入?

转载 作者:行者123 更新时间:2023-12-03 16:27:01 25 4
gpt4 key购买 nike

这个问题在这里已经有了答案:





How do I get the value of text input field using JavaScript?

(16 个答案)


4年前关闭。




所以我的问题很简单。

如何从表单中获取用户输入并将其放入变量中?

我正在努力完成这个简单的任务,希望能得到一些帮助。

这是我的代码:

html:

<body>
<form>
<input type="text" id="input_id" value="">
<input type="submit" value="Submit">
<div id="alert" style="color: red"></div>
</form>
</body>

Javascript
    var a = document.getElementById('input_id').value;

function wawa() {
return a;
}
document.getElementById('alert').innerHTML = "user entered this value: " + " " + a;

我想用 Vanilla JS 做这个,没有图书馆。

谢谢。

最佳答案

您不需要函数之外的变量。您只需要一个buttononclick event . onclick event调用一个检查输入并写入 <div> 的函数.

function wawa() {
var variable = document.getElementById('input_id').value;
document.getElementById('alert').innerHTML = 'The user input is: ' + variable;
}
<body>
<form>
<input type="text" id="input_id" value="">
<input type="button" value="Submit" onclick="wawa()" />
<div id="alert" style="color: red"></div>
</form>
</body>

关于javascript - 如何从javascript表单获取用户输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48070987/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com