Question

我需要复制需要用户设置的滑块生成的垃圾邮件的动态文本。必须将其复制到输入值。

我试过了，并没有工作：

<h4>Valor do consórcio: <span class="slider-value quote-form-element valor-carro1" data-name="Valor | Automóvel" name="Valor" data-slider-id="consorcio-auto">R$ <span id="THAT_VALUE"></span></span>
                            </h4>
<div class="slider" data-slider-min="20000" data-slider-max="100000" data-slider-start="23192" data-slider-step="1000" data-slider-id="consorcio-auto"></div>

<h4>Seus dados:</h4>
<input type="hidden" id="THAT_FIELD" name="THAT_FIELD" value="" />
<h4>Seus dados:</h4>
<input type="hidden" id="valorcarro" name="valorcarro" value=""  />

脚本

$(function(){
var valorcarro = $('#THAT_VALUE').html();
$('#THAT_FIELD').val(valorcarro);
});

示例在“Simulação”菜单上的按钮中的page。

脚本不会复制，因为稍后会生成该值，用户仍然可以更改

Answer 1

在滑块值更改后，您需要使用事件来触发代码。这是使用引导滑块执行此操作的方法。

$('.slider').on('slideStop', function () {
    var valorcarro = $('#THAT_VALUE').text();
    $('#THAT_FIELD').val(valorcarro);
});

Answer 2

要获取元素的文本，请使用text()

例如

$("span").text();

Answer 3

实际上，@ Pamblam的反应比我的好。我假设.slider类用于常规范围输入，当它们的值发生变化时触发'change'事件，但看起来它实际上是一个引导滑块，它会触发slideStop事件。无论如何，这里的代码监听滑块值的变化，当它被触发时，从#THAT_VALUE span（来自op的代码）获取文本，并将#THAT_FIELD字段的值设置为它是：

$(".slider").change(function(){
    var valorcarro = $('#THAT_VALUE').text();
    $('#THAT_FIELD').val(valorcarro);
});

Answer 4

你可以试试这段代码。

list

如何复制跨度文本

4 个答案: