在窗体中动态传递JQuery变量 - pass JQuery Variable in a Form Dynamically

pass JQuery Variable in a Form Dynamically

本文关键字：JQuery 变量动态窗体 | 更新日期: 2023-09-27

我试图通过Form传递一个jQuery变量，但一直收到一个错误。如何正确传递值变量。当我将它传递到下一页时，它会吐出初始化的变量，并且在我更改滑块时不会更改。我该如何更改？

            <input id="column" type="hidden" name="column" value="";>
<script>
$(function() {
    $( "#slider-range" ).slider({
        range: true,
        min: 0,
        max: 500,
        values: [ 75, 300 ],
        slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
                    $( "#values" ).val(ui.values[ 0 ]);
        }
    });
    $( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
        " - $" + $( "#slider-range" ).slider( "values", 1 ) );
    $( "#column" ).val($( "#slider-range" ).slider( "values", 0 ));

});
</script>

您的id选择器错误，也请注意您正在设置滑块的值，而不是获取，请尝试以下操作：

<input id="column" type="hidden" name="column" value="";/>

$("#column").val($("#slider-range").slider("value"));

或：

$("#slider-range").slider({
   change: function(event, ui) { 
      $("#column").val($("#slider-range").slider("option", "value"));
   }
});

首先，最好在属性的所有值周围加引号。

id=myTable --> id="myTable"

其次，您的选择器错误。字段的ID是column而不是values

$( "#column").val($("#slider-range").slider("values", 0));

我没有看到任何id="values"的元素，也许您想将值传递给id="column"的元素

$("#column").val($( "#slider-range" ).slider("value"));

并移除value=values；HTML代码的一部分，简称value=""