选择第二次jquery选项后追加文本

选择第二次jquery选项后追加文本,jquery,Jquery,让Suppos我有文本作为 <h5 class="product-title_main">INDIAN APPLE(KASHMIR)</h5> 但问题是它每次都附加值。我不想这样,我只想显示选定值并删除旧值。要更改h5标记的值,只需使用.html(“您的新值”) 改为 $('.product-title_main').html(original_value + " " + selectedtext); var original_value=$('.product-t

让Suppos我有文本作为

<h5 class="product-title_main">INDIAN APPLE(KASHMIR)</h5>

但问题是它每次都附加值。我不想这样,我只想显示选定值并删除旧值。

要更改h5标记的值,只需使用
.html(“您的新值”)

改为

$('.product-title_main').html(original_value + " " + selectedtext);
var original_value=$('.product-title_main').html();
$(“#来源”).change(函数(){
var selectedval=$(“#源选项:选中”).val();
var selectedtext=$(“#源选项:选定”).text();
$(“.dynamic_price”).text(“Rs.”+selectedval);
$('.product-title_main').html(原始值+“”+selectedtext);
});

印度苹果(克什米尔)
可根据您的要求提供
1170时10公斤
3400时为30公斤
5700时为50公斤

您可以首先在变量
var h5Text=$('.product-title_main').text()中设置
文本
并使用该变量动态设置
中的文本,如下所示:

$(文档).ready(函数(){
var h5Text=$('.product-title_main').text();
$(“#来源”).change(函数(){
var selectedval=$(“#源选项:选中”).val();
var selectedtext=$(“#源选项:选定”).text();
$(“.dynamic_price”).text(“Rs.”+selectedval);
$('.product-title_main').text(h5Text+''+selectedtext);
});
});

印度苹果(克什米尔)
可根据您的要求提供
1170时10公斤
3400时为30公斤
5700时为50公斤

当我第二次选择“确定”选项时,它仍然在追加。我调整了小提琴
<script>
        $("#sources").change(function(){
            var selectedval = $("#sources option:selected").val();
            var selectedtext = $("#sources option:selected").text();
            $(".dynamic_price").text("Rs. " + selectedval);
            $('.product-title_main').text($('.product-title_main').text() + ' ' + selectedtext);
        });
</script>
$('.product-title_main').html(original_value + " " + selectedtext);