javascript - JQuery 更改时发出 ajax 请求

Question

我有很多像这样的选择作为过滤器

<select name="color" data-options="katalog.php?cat=3" class="filter">
    <option value="1">White</option>
    <option value="2">Green</option>
</select>

但是在 Firebug 中我收到错误并且无法找出原因

$('body').on("change", '.filter', function() {

    $('#mainstage').load($(this).data('options') + '&' + $(this).attr('name') + '=' + $(this).attr('value'));
})

Answer 1

您请求的网址是 "katalog.php?cat=3&color=undefined" 因为您不应该使用 attr() 来读取该值。使用 jQuery 的 val() 方法，以便获取所选选项的值。

... '=' + $(this).val())