jQuery UI範圍滑塊值輸入字段

使用jQuery範圍滑塊我一直在試圖獲取隱藏的輸入字段中的值將用於搜索。jQuery UI範圍滑塊值輸入字段

隱藏的輸入字段與滑塊字段具有相同的ID，但值隱藏的字段顯示任何內容！

$(document).ready(function() { 
    $("#sliderranger").slider({ 
     range: true, 
     min: 0, 
     max: 500, 
     values: [ 75, 300 ], 
     slide: function(event, ui) { 
      $("#amount1").val("THB " + ui.values[ 0 ]); 
      $("#amount2").val("THB " + ui.values[ 1 ]); 
      var price1 = ui.values[ 0 ]; 
      var price2 = ui.values[ 1 ]; 
      //alert(price1 + " " + price2); 
      $("#price1").value = price1; 
     } 
    }); 
    $("#amount1").val("THB " + $("#sliderranger").slider("values", 0)); 
    $("#amount2").val("THB " + $("#sliderranger").slider("values", 1)); 
});

上面是js代碼，如果這有助於如果您需要更多信息讓我知道，我會看看我能做些什麼。

希望有人可以幫助我可以看到很多關於這個話題？

來源

2011-04-29 Daniel Morton

隱藏輸入字段具有相同的ID 隨着滑塊字段，它的值

我希望你不要意味着有與同一頁面上的相同id屬性的兩個元素。如果是這樣，你需要改變它，否則你會看到意想不到的結果。

至於設置滑塊結果隱藏輸入的值，它看起來像你接近。這條線：

$("#price1").value = price1;

應改爲：

$("#price").val(price1);

這裏是你的代碼修改後（使用類型的text代替hidden可見input元素）：http://jsfiddle.net/andrewwhitaker/Pyprr/

來源

2011-04-29 23:19:11

喜安德魯，感謝您輸入，但它仍然沒有顯示在價值！ – 2011-04-30 05:48:18

@Daniel：你是如何檢查它的集合？如果我將示例中的輸入類型更改爲'hidden'並檢查它在Firebug或Chrome我看到值的變化。你的代碼與我的例子有什麼不同嗎？ – 2011-04-30 13:35:13

它實際上沒有顯示我檢查過的值和那裏的值的螢火蟲！ – 2011-04-30 17:59:27

jQuery UI範圍滑塊值輸入字段

回答

相關問題