Açılır değere dayalı olarak JavaScript tetikleme eylemi

Question

Yapmam gereken bazı JavaScript'i değiştirmeye çalışıyorum, böylece num değerine bağlı olarak bir seçenek seçildiğinde farklı bir işlem başlatır. Bu şuna benzer içinde

jQuery(".frequency_new_selector").on("change", function() { 
     jQuery('.frequency_new_label option:first-child').attr("disabled", "disabled"); 
     jQuery(".frequency_num").val(jQuery(".frequency_new_selector").find("option[value='" + jQuery(".frequency_new_selector").val() + "']").data("num")); 
     jQuery(".frequency_type").val(jQuery(".frequency_new_selector").find("option[value='" + jQuery(".frequency_new_selector").val() + "']").data("type")); 
     jQuery(".frequency_type_text").attr("value", jQuery(".frequency_type option[value='" + jQuery(".frequency_type").val() + "']").text()); 
     if (jQuery(".frequency_new_selector").val() !== null && $(".single-option-radio input:checked").length == $(".single-option-radio").length) { 
      jQuery("#AddToCart").removeAttr("disabled"); 
     } 
     }); 

çizgiyi eklemek istiyorum: Burada

benim şimdiki JavaScript neye benzediği

Benim HTML şuna benzer

if (jQuery(".frequency_new_selector").val() == 1 { 
       event.preventDefault(); 
       $('.cd-popup').addClass('is-visible'); 
      } 

:

<div class="frequency_new_label" style=""> 
    <select class="frequency_new_selector"> 
     <option selected="selected" disabled="disabled">Please Select Shipping Interval</option> 
     <option data-type="2" data-num="1" value="1">Weekly</option> 
     <option data-type="3" data-num="1" value="2">Monthly</option> 
    </select> 
</div> 

Answer 1

Sizin yaptığınız gibi çalışmanız gerekir ... Ancak, muhtemelen bir Gereksiz jQuery çağrısı ve oldukça pahalı işlemlerdir.

Değişiklikleriniz geri aranıyorsa, this, DOM öğesine (açılır) atanır.

$(".frequency_new_selector").on("change", function() { 
 
    if (this.value === '1') { 
 
    event.preventDefault(); 
 
    $('.cd-popup').addClass('is-visible'); 
 
    } 
 
});