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

Question

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

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

Answer 1

IF your're使用jQuery还有一个讨论：http://forum.jquery.com/topic/how-to-reload-a-select-in-a-form-using-ajax-via-jquery

Answer 2

收集已经充满选择的值，并将其发送给服务器，以获得过滤值列表。

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

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