Question

我试图通过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>

Answer 1

您的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"));
   }
});

Answer 2

首先，在属性的所有值周围加上引号是个好主意。

id=myTable --> id="myTable"

其次，你的选择器是错误的。该字段的ID为column而非values

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

Answer 3

我没有看到任何带有id =“values”的元素，也许你想将值传递给id =“column”的元素

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

并删除value = values; HTML代码的一部分，只是value=""

动态地传递表单中的JQuery变量

3 个答案: