Question

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

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

Answer 1

收集已填充的选择的值，并将它们发送到服务器以获取筛选值列表。

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

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

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

用值填充“model”选项的函数应该如下所示：

$.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);
});

Answer 2

如果您使用的是jquery，则会进行讨论：http://forum.jquery.com/topic/how-to-reload-a-select-in-a-form-using-ajax-via-jquery

如何使用基于其他选择的ajax更新我的HTML选择？

2 个答案: