如何获取HTML输入并将其作为参数传递到JavaScript函数中?
现在,我正在尝试创建一个应用程序,该应用程序将邮政编码作为输入,并返回与此人最近的位置。我遇到的问题是能否将输入作为Javascript函数中的参数。下面是应用程序的一部分:如何获取HTML输入并将其作为参数传递到JavaScript函数中?,javascript,html,forms,Javascript,Html,Forms,现在,我正在尝试创建一个应用程序,该应用程序将邮政编码作为输入,并返回与此人最近的位置。我遇到的问题是能否将输入作为Javascript函数中的参数。下面是应用程序的一部分: document.getElementById(“myForm”).onsubmit=function(){ zipCode() }; //邮政编码定位器 常量zipCode=(输入)=>{ //确保邮政编码为5个数字 如果(input.length!==5){ 返回“请输入有效的5位zipcode”; } if(输入.
document.getElementById(“myForm”).onsubmit=function(){
zipCode()
};
//邮政编码定位器
常量zipCode=(输入)=>{
//确保邮政编码为5个数字
如果(input.length!==5){
返回“请输入有效的5位zipcode”;
}
if(输入.切片(0,2)='06'){
返回“您最近的位置在CT中”;
}else if(input.slice(0,2)='01'){
返回“您最近的位置在MA”;
}否则{
返回“未找到位置”;
}
}
请输入您的邮政编码:
使用.value
获取输入元素的值
此外,该函数还应处理返回值,例如在警报中显示它。为了防止表单提交和重新加载页面,它应该返回false
您不应该在HTML中添加同时具有onsubmit
和JavaScript中分配给onsubmit
的处理程序
document.getElementById(“myForm”).onsubmit=function(){
document.getElementById(“message”).innerText=zipCode(document.getElementById(“zip”).value);
返回false;
};
//邮政编码定位器
常量zipCode=(输入)=>{
//确保邮政编码为5个数字
如果(input.length!==5){
返回“请输入有效的5位zipcode”;
}
if(输入.切片(0,2)='06'){
返回“您最近的位置在CT中”;
}else if(input.slice(0,2)='01'){
返回“您最近的位置在MA”;
}否则{
返回“未找到位置”;
}
}
请输入您的邮政编码:
首先,您应该在输入中添加一个id
然后可以使用document.getElementById
let input=document.getElementById('zipcode');
//邮政编码定位器
常量zipCode=()=>{
//确保邮政编码为5个数字
如果(input.length!==5){
返回“请输入有效的5位zipcode”;
}
if(输入.切片(0,2)='06'){
返回“您最近的位置在CT中”;
}else if(input.slice(0,2)='01'){
返回“您最近的位置在MA”;
}否则{
返回“未找到位置”;
}
}
请输入您的邮政编码:
zipCode(请参考此处的PutValues)
如果您为您的输入提供了一个id,那么您可以更轻松地查找它,这会有所帮助。谢谢!不管怎样,我可以在没有警报的情况下完成这项工作吗?我希望在提交表单后,答案将填充在那里,而不是作为警报。这只是示例代码。您可以对返回值执行任何操作。我已经更新了示例,将该值放入DIV中。