Question

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

原因是：

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

有两个选择框，第一个ID为“订单类别” 价格显示为“＃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');
    });

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

1 个答案: