如何使用基于其他选择的 ajax 更新我的 HTML 选择？ [关闭]答案

【问题标题】：How do I update my HTML Selects with ajax based on other Selects? [closed]如何使用基于其他选择的 ajax 更新我的 HTML 选择？ [关闭]
【发布时间】：2013-05-07 09:02:00
【问题描述】：

我有这个搜索页面，其中包含 7 个不同的选择和 2 个文本字段。存储在选择中的数据是从 MYSQL 数据库中获取的。

现在，当我做出选择时，我希望其他选择根据我所做的选择进行更新。这需要通过 Ajax 来完成。有人能指出我正确的方向吗？

【问题讨论】：

这是一个相当广泛的问题。 AJAX 教程有很多，也可以看一下相关侧边栏中的一些问题。

标签： php jquery mysql ajax html-select

【解决方案1】：

收集已经填充的select的值，发送到服务器获取过滤后的值列表。

假设您有一个汽车制造商/型号选择器。

<select name="manufacturer">
 <option value="1">Acura</option>
 <option value="2">Audi</option>
 ...
</select>

<select name="model"></select>

用值填充“模型”选择的函数应如下所示：

$.get('/get_models_by_manufacturer', {manuf: $('select[name=manufacturer']).val()}, function(data){ 
  // data returned by the server is expected to be html code of options NOT surrounded with <select>
  $('select[name=model]').html(data);
});

【讨论】：

【解决方案2】：

如果你正在使用 jquery，有一个讨论：http://forum.jquery.com/topic/how-to-reload-a-select-in-a-form-using-ajax-via-jquery

【讨论】：