javascript - 选择更改时出现问题其他选择选项文本未更新

Question

想用我想要的文本更改第二个选择选项的所有文本

原因是:

我不想在我的选项中显示价格，所以我使用切片和索引方法来更改选项文本并替换“-”字符后的文本..但问题是当我更改第一个选择选项时其他选择选项显示上一个文本不是来自其他来源的最新文本(该来源不在我手中，我只有 html 页面)

有两个选择框第一个ID是“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');
    });