Javascript 动态添加/显示选择选项的最佳实践JS/jquery/PHP

我想问一下，使用PHP、javascript和jquery动态生成select选项的最佳实践是什么

例如-汽车集市-客户必须选择汽车品牌，然后web应用程序必须添加该汽车品牌的/显示车型选项

<>我能想到的技术，我认为：

• 每次用户选择汽车品牌后，通过JS调用后端，后端将返回该品牌的所有车型，然后我可以通过JS/jquery将其添加到select
• 通过第一页初始化从后端加载所有汽车模型，将它们加载到JS变量中，然后每次用户选择汽车品牌添加模型选项以进行选择后都将其加载
• 通过首页初始化从后端加载所有汽车模型，添加所有模型选项，通过PHP使用style=“display:none”class=“car\u brand”属性进行选择，用户选择汽车品牌后，使用class=“selected\u car\u brand”搜索所有选项，并从中删除style=“display:none”

对于此类问题，您使用什么？如何使用动态选择选项

---

谢谢大家！祝你有一个愉快的一天。

这取决于几个因素，比如延迟容忍度和限制

但是，如果您刚刚起步，最好的答案可能是每次都给后端打电话

---

原因是在现实生产生活中，汽车品牌、型号和可用数量的价值将一直在变化。所以你最好的办法就是不断地获取最新的信息。

这取决于你有多少汽车品牌和型号。 如果你有1k产品，我会在每次用户选择汽车品牌后通过JS调用后端，如果你有100个产品，你可能只想调用后端一次，获取所有数据并显示你想要显示的内容

---

最佳实践取决于您的项目。

我会在第一次页面加载时将整个数据集发送到客户端，然后在客户端执行JS中的所有可视化操作。数据量很小，而且几乎不会改变，因此重复点击服务器获取数据没有多大意义。如果按结构划分的数据量并不复杂，也不容易从基本数据（简单请求）中获取，并且场景具有很强的预测性，则可以立即加载数据。如果它很复杂，并且您很难猜到用户场景的行为，那么您可以通过ajax动态加载它（以及构建按钮、选择列表、选项、复选框等）。重复不必要地创建分支过多的数据结构可能会对流量或数据库造成过度伤害，或者只是每次点击页面时的瓶颈。