Javascript 减小屏幕大小时功能不工作

我在过去几个月开发的预订模块有问题。您可以在以下地址查看：

除了一个问题外，一切都很顺利。当我缩小浏览器窗口的大小时，我决定让图像消失，只留下预订模块。当它被调整大小时，它停止工作：所有的脚本函数——根据出发选择和获取价格按钮提供到达的脚本函数——都不工作。你能告诉我是什么导致了这个问题吗

下面您可以找到代码的主要部分，您可以在其中找到问题

主页

索引-图书英语预订模块

函数getArrivall{ $.ajax{ 类型:POST,， url:wp content/themes/customizer/book/process.php， 数据：'dep_name='+val， 成功：functiondata{ $arrivals-list.htmldata； } }; } 函数chk{ var var1=document.getElementById'deparations-list'。值； var var2=document.getElementById'arrivals-list'。值； var var3=document.getElementById'passengers'。值； var var4=document.getElementById'bags'。值； var dataString='var1='+var1+'&var2='+var2+'&var3='+var3+'&var4='+var4； $.ajax{ 类型:POST,， url:wp content/themes/customizer/book/process2.php， 数据：dataString， cache:false， 成功：functionhtml{ $'resbox'.htmlhtml； } }; 返回false； } 出发时间： 选择出发 你的网站上有两个不同的div。其中一个是id=image，第二个是id=modulemin。id为Div的图像在屏幕大小<800px宽度且css显示为无时隐藏，第二个是在屏幕大小>799px宽度且css显示为无时隐藏。它们都有相似的形式。你为什么需要它？为什么只针对不同的屏幕尺寸使用两个类似的表单

您的主要问题是表单输入变量var1、var2的id。。。。 您正在尝试使用以下行中输入的ID获取一些信息：

var var1=document.getElementById('departures-list').value;

但是，正如您所理解的，您总是只能从DOM树中的第一个表单获得输入，因为在找到任何id的第一个匹配项之后，js停止搜索并返回它。关于它的更多细节，您可以在任何js文档中找到

您可以使用类而不是id从页面获取具有相同类名的所有输入。您可以对表单使用一些不同的id，然后获取id/name/class/tagname作为该表单子节点的输入

---

另外，强烈建议不要将ajax请求发送到其他文件。请使用。

请提供一个并查看以改进您的问题谢谢您的回答，但一切都很好。我唯一的问题就是简化模块。当屏幕尺寸大于799px时，它工作正常。我创建了两个div，因为当屏幕变薄时，我希望图像消失，模块扩展。非常感谢。我只留下一个使用CSS的模块，现在一切正常。祝你有美好的一天。