如何在 Javasctipt 中获取输入标记的值

Question

此输入标记始终提供 null 值，此代码存在什么问题

输入标记 （HTML）：：

<input type="text" placeholder="Try..." id="myInput">

<form class="mb-3" id='form-wrapper' >

    <input type="submit">

</form>

javascript：：

let form = document.getElementById('form-wrapper')

var title = document.getElementById("myInput").value;

form.addEventListener('submit', function(e){

    e.preventDefault();

     console.log(title)

})

Answer 1

问题是，在 中输入任何值之前，如果您获取处理程序中的值，则将获得该值：titleinputsubmitlet form = document.getElementById('form-wrapper')// var title = document.getElementById("myInput").value; // <-- value is not setform.addEventListener('submit', function(e){&nbsp; &nbsp; var title = document.getElementById("myInput").value; // <-- value is set&nbsp;&nbsp; &nbsp; e.preventDefault();&nbsp; &nbsp; console.log(title)})<form class="mb-3" id='form-wrapper'>&nbsp; &nbsp; <input type="text" placeholder="Try..." id="myInput">&nbsp; &nbsp; <input type="submit"></form>附言：我假设您希望表单中的输入。

Answer 2

我假设您希望在提交时获取表单中输入的值。你可以像这样在你的标签中添加一个属性：然后在javascript文件中你可以这样写：nameinput<input name="title" id="my_input">$('form').submit(function(e)){&nbsp; &nbsp;e.preventDefault();&nbsp; &nbsp;let formdata = $(this).serialze();&nbsp; &nbsp;console.log(formdata.title);}使用表单标记包装输入...您的输入必须在表单标签之间。该行采用带有属性的值，并将其存储在变量 formdata 中let formdata = $(this).serialze();name