javascript - 忽略选择选项 jQuery 的值

Question

这可能很简单，但我想知道如何忽略选项选择中的值(如果它等于某个值)，例如我有这个选择

<select>
  <option value="">All</option>
  <option value=".Dog">Dog</option>
  <option value=".Cat">Cat</option>
</select>

$('select').on('change', function() {
 var animal_type = $('option:selected').text();
});

因此，如果选择“全部”，我不想为 animal_type 变量分配任何内容，因此在下面的 ajax 帖子中 animal_type 会被忽略并且不会作为参数发送

 $.ajax({
  type: 'POST',
  url: '/public/rehomed',
   data: {
     animal_type: animal_type, #so if ALL selected this should not be passed through
     rehomed: false,
  }
 });

我考虑从ajax帖子中删除animal_type变量的原因是帖子的参数在rails中为我在服务器端进行了SQL查询。

Answer 1

添加条件以在执行 AJAX 之前检查所选选项的值。

$('select').on('change', function() {
    var animal_type = $('option:selected').text();
    var data_send = {animal_type: animal_type, rehomed: false,};
    if(animal_type != "All"){ 
      data_send = {rehomed: false,};
    }
    $.ajax({
        type: 'POST',
        url: '/public/rehomed',
        data: data_send,
    });
});