如何将html表单中的值读入javascript变量

我试图使用我在列表中选择的值作为变量

我一直在尝试不同的方法，一种是使用window.onload，但我认为这不管用

html

---

我通常希望所选名称中的一些不会为空。欢迎提出任何建议。谢谢你

你所需要做的就是拥有一个javascript函数，并在检查按钮上调用它，然后将值写入屏幕

var\u name=''；
所选变量_ID=“”；
函数UpdateValues（）{
选择的_ID=document.getElementById（“IDlist”）.value；
选择的_name=document.getElementById（“名称列表”）.value；
document.getElementById（“res”）.innerHTML=selected\u ID+“
”+selected\u name；
}

身份证件
名称

我假设您希望强制人们在提交之前选择一个名称：

const form=document.querySelector（'form'）
const name=form.name
form.addEventListener（'submit'，e=>{
e、 预防默认值（）
const nameValue=form.name.value
如果（名称值）{
window.customForm={name:nameValue}
}
})

身份证件
名称
约翰

所以没有实际可行的方法来满足我的要求。 最后，我使用了函数，并在需要使用变量时执行了一个简单的调用。

---

答案不清楚。（抱歉）

我希望能够从库存动态地将表单中发送的值转换为全局变量，以便稍后在脚本中使用。只需编辑以符合您的要求，请记住，污染全局范围不是一个好的做法，这听起来可能有些陈词滥调，但并不是说如果应用程序变得更大，那么它很容易变得不可管理。是否可以在不刷新页面的情况下更新全局变量中的所选ID和所选名称而将其更新为新的？@Nadirsahlal是的，事实上我们根本没有刷新页面我会的更新答案，使您更清楚是的，谢谢，我理解。选择的\u name和\u ID值仍为“”，位于函数之外。没有可能让它们作为所选文件保留。问题是，我希望所选的值指向json列表中的一个对象。这就是我想要一个全局变量的原因。@Nadirsahlal抱歉，我没有正确理解您的意思。是否要将变量存储在某个地方以便以后检索？

    <form id="form" onsubmit="return false;">

        <select name="Y" id="IDlist">   
        <option value="empty"> ID</option>
        </select> 

        <select name="X" id="namelist">
        <option value="empty"> Name</option>
        </select> 
        <input  type="submit" value="Check"  />

        </form>

    var chosen_name = '';
        var chosen_ID='';
        window.onload = function () {
        document.getElementById("form").onsubmit = function () {
        chosen_name = document.getElementById("namelist");
        chosen_ID = document.getElementById("IDlist");

          console.log(chosen_ID.value + " and " + chosen_name.value + " please work.")};
        return [chosen_name, chosen_ID]
      };
        document.write(chosen_name);