Question

我需要使用jQuery（或JavaScript）更改输入字段上的 data-slider-values 属性。

最初在HTML中的输入是：

<input id="nm" data-slider-values="1,2,3,6,12,24,32" type="text" />

现在我需要将其更改为3,6,12,24

我试试这个，但在前端没有帮助。它保持原样。哪里可能是问题？

$("#depSelector").change(function () {
    if (this.value === 'denarPlus') {
        $("#nm").data("slider-values","3,6,12,24")
}

...

我也试过

$("#nm").attr("data-slider-values","3,6,12,24")

但仍然没有运气。

非常感谢帮助！

Answer 1

以下适用于我。

<input id="nm" data-slider-values="1,2,3,6,12,24,32" type="text" />
<script type="text/javascript">

    // displays 1,2,3,6,12,24,32
    alert( $("#nm").attr("data-slider-values" ) )

    $("#nm").attr("data-slider-values","3,6,12,24")

    // displays 3,6,12,24
    alert( $("#nm").attr("data-slider-values" ) )

</script>

您的问题是否需要重新加载data-slide-values属性值？

Answer 2

$("#nm").attr("data-slider-values","3,6,12,24")

这是一种正确的方式。

如果它不起作用，请检查（this.value ===＆＃39; denarPlus＆＃39;）语句。我认为这段代码没有被调用。

使用jQuery更改输入字段的自定义属性？

2 个答案: