01-add-custom-user-input-woocommerce-product.js

jQuery( function() {
  jQuery( "#sem-slider-range" ).slider({
    range: "max",
    min: 0,
    max: 1001,
    value: 325,
    step: 5,
    slide: function( event, ui ) {
      jQuery( "#sem-ad-budget" ).val( ui.value );
    },
    change: function( event, ui ) {

     jQuery('.variations_form select').trigger('change');
      
      // Trigger variation selection if slider value changes.
      if ( jQuery( '#sem-slider-range' ).slider( 'value' ) < 1000 ) {
        jQuery("#management-level option[value='Basic']").prop('selected', true);
        jQuery("#management-level option[value!='Basic']").prop('selected', false);
        jQuery('#sem-product-custom-budget').hide();
        jQuery('.woocommerce-variation-price, .woocommerce-variation-add-to-cart').show();
        jQuery('.variations_form select').trigger('change');
      } else if ( jQuery( "#sem-slider-range" ).slider( 'value' ) >= 1000 ) {
        jQuery("#management-level option[value='Custom']").prop('selected', true);
        jQuery("#management-level option[value!='Custom']").prop('selected', false);
        jQuery('.variations_form select').trigger('change');
        jQuery('#sem-product-custom-budget').show();
        jQuery('.woocommerce-variation-price, .woocommerce-variation-add-to-cart').hide();
      } else {
        jQuery('#management-level option').prop('selected', false);
        jQuery('.variations_form select').trigger('change');
        jQuery('#sem-product-custom-budget').hide();
        jQuery('.woocommerce-variation-price, .woocommerce-variation-add-to-cart').show();
      }
    },
  });

  jQuery( '#sem-ad-budget' ).val( jQuery( "#sem-slider-range" ).slider( "value" ) );

  // Change slider if input value changed.
  jQuery( '#sem-ad-budget').change( function () {
    jQuery( '#sem-slider-range').slider("value", jQuery(this).val())
  });

});