我有以下javascript:
<script type="text/javascript" charset="utf-8">
$(function() {
$( "#slider-range" ).slider({
range: true,
min: 200,
max: 2000,
values: [ 800, 1200 ],
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
});
$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
" - $" + $( "#slider-range" ).slider( "values", 1 ) );
});
代码创建了一个价格范围和一个滑动条,价格范围随着用户移动滑动条而滑动。我想将最小价格和最大价格传递到如下形式:
<%= form_tag laptops_path, :method => 'get' do %>
<%= hidden_field_tag "amount", params[:amount] %>
<%= submit_tag "Search", :name => nil %>
但是当我这样做时,"amount"在提交时仍然是空白的。知道为什么吗?
确保您的输入元素有一个id属性(而不仅仅是name属性)。如果没有id属性,#amount没有任何意义(但是,如果有问题,您可以使用:input[name=amount])。