我有这个搜索页面,其中包含 7 个不同的选择和 2 个文本字段。存储在选择中的数据是从 MYSQL 数据库中获取的。
现在,当我做出选择时,我希望其他选择根据我所做的选择进行更新。这需要通过 Ajax 来完成。有人可以指出我正确的方向吗?
我有这个搜索页面,其中包含 7 个不同的选择和 2 个文本字段。存储在选择中的数据是从 MYSQL 数据库中获取的。
现在,当我做出选择时,我希望其他选择根据我所做的选择进行更新。这需要通过 Ajax 来完成。有人可以指出我正确的方向吗?
收集已填充的选择值,并将它们发送到服务器以获取过滤值列表。
假设您有一个汽车制造商/型号选择器。
<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);
});
如果您正在使用 jquery,则会进行讨论:http: //forum.jquery.com/topic/how-to-reload-a-select-in-a-form-using-ajax-via-jquery