jQuery if文の書き方

Question

###実現したいこと
<select id="product_category">で"runnning_shoes"が選べれていた場合、
その次の<select class="size" id="product_sizes_attributes_0_size">はデータが送られないように
disabledをつけたいです。

###問題点
コンソールでtargetの値を取得すると、正常に動きますが、
その後のif文がうまく動かず、targetの値にかかわらず、<select class="size" id="product_sizes_attributes_0_size">で選択
できてしまいます。

なぜでしょうか。

<form method="post" >
<select id="product_category">
　　<option value="running_shoes">ランニングシューズ</option>
　　<option value="life_style">ライフスタイル</option>
　　<option value="socks">ソックス</option>
　　<option value="accessory">アクセサリー</option>
</select>


<select class="size" id="product_sizes_attributes_0_size">
　　<option value="24.0">24.0</option>
　　<option value="24.5">24.5</option>
　　<option value="25.0">25.0</option>
　　<option value="25.5">25.5</option>
</select>

</form>
<script>
$(function() {
    var target = $('#product_category option:selected').val();
    if (target == "running_shoes") {
        $('.size').prop('disabled', false);
    } else {
        $('.size').prop('disabled', true);
    };
});
</script>

Answer 1

$(function() {
  $('#product_category').on('change',function(){
    $('#product_sizes_attributes_0_size').prop('disabled',$(this).val()=="running_shoes");
  }).trigger('change');
});

Comments

[tomato185]

yambejp様
ありがとうございました。

もしrunnning_shoes以外にも、life-styleなど複数にしたい場合はどのように書けばよろしいでしょうか。

[yambejp]

> 複数

$(function() {
$('#product_category').on('change',function(){
$('#product_sizes_attributes_0_size').prop('disabled',$.inArray($(this).val(),["running_shoes","life_style"])>=0);
}).trigger('change');
});

[tomato185]

yambejp様
ありがとうございました。
問題が解決しました。