每次选择更改时如何在右侧列应用不透明度

Question

我对 selection 和存在 select 的列的不透明度变化有疑问。在实践中，我希望每次更改选择时，列都会更改不透明度，直到加载函数为止。现在我有以下代码可以工作，在做出第一个选择之后，如果我再次选择 select 的选项，则不应用不透明度。你能告诉我哪里错了吗？非常感谢

$('.form-control-select').change(function() {
    $('.product_middle_column').css('opacity','.4');
});
prestashop.on("updatedProduct", function (){
    $('.product_middle_column').css('opacity','');
});


<select class="form-control form-control-select " id="group_6" data-product-attribute="6" name="group[6]">
    <option class="sangue" value="66" title="46">46</option>
    <option class="sangue" value="67" title="45">45</option>
    <option class="sangue" value="68" title="42" selected="selected">42</option>
    <option class="sangue" value="69" title="41">41</option>
    <option class="sangue" value="70" title="44">44</option>
    <option class="sangue" value="71" title="43">43</option>
    <option class="sangue" value="73" title="36">36</option>
    <option class="sangue" value="74" title="37">37</option>
    <option class="sangue" value="75" title="38">38</option>
    <option class="sangue" value="76" title="39">39</option>
    <option class="sangue" value="77" title="40">40</option>
</select>

Answer 1

改用"on"：

$('.form-control-select').on("change", function() {
    $('.product_middle_column').css('opacity','.4');
});

每次选择更改时如何在右侧列应用不透明度

How to apply opacity at column right every time the selection changes

jquery

select

prestashop