Возникли проблемы при выборе изменить другой текст выбора не обновлять

Question

хочу изменить весь текст вторых опций выбора с моим желаемым текстом

Причина:

Я не хочу показывать цену в моих опциях, поэтому я использовал метод слайса и индексаизменить текст опций и заменить текст после "-" charcter .. но проблема в том, что когда я меняю первый вариант выбора, другой вариант выбора показывает ПРЕДЫДУЩИЙ текст, а не последний текст, который исходит из другого источника (Этот источник не в моей руке, у меня просто есть HTMLстраница)

есть два поля выбора, первый из которых идентифицирует "orderform-category", а другой - где цены показывают "# orderform-service"

вот мой код

$(document).ready(function() { 
    $('#orderform-category').change(function() {

        $('#orderform-service option').each(function() {
            var getOption = $(this).text();
            var getPriceIndex = getOption.indexOf("—");
            console.log(getPriceIndex);
            if(getPriceIndex!==-1){
                getOption = getOption.slice(0,getPriceIndex)+"";
            }
            console.log(getOption);
        });

    });
});

Answer 1

Отметьте этот код, который может понадобиться для запуска вашей функции, и он будет выполняться, когда значение вашего поля выбора изменится.

  $(function(){
        $('#orderform-service').change(function(){
          var data= $(this).val();
          $('#orderform-service option').each(function() {
                    var getOption = $(this).text();
                    var getPriceIndex = getOption.indexOf("—");
                    if(getPriceIndex!==-1){
                        getOption = getOption.slice(0,getPriceIndex)+"";
                    }
                    console.log(getOption);
                    $(this).text(getOption);
                });           
        });
        $('#orderform-service').trigger('change');
    });