如何在 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

问题是，在 中输入任何值之前，如果您获取处理程序中的值，则将获得该值：titleinputsubmit

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

// var title = document.getElementById("myInput").value; // <-- value is not set

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

    var title = document.getElementById("myInput").value; // <-- value is set 

    e.preventDefault();

    console.log(title)

})

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

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

    <input type="submit">

</form>

附言：我假设您希望表单中的输入。

Answer 2

我假设您希望在提交时获取表单中输入的值。

你可以像这样在你的标签中添加一个属性：然后在javascript文件中你可以这样写：nameinput<input name="title" id="my_input">

$('form').submit(function(e)){

   e.preventDefault();

   let formdata = $(this).serialze();

   console.log(formdata.title);

}

使用表单标记包装输入...您的输入必须在表单标签之间。该行采用带有属性的值，并将其存储在变量 formdata 中let formdata = $(this).serialze();name