jQuery UI Range Ползунок значений в поле ввода - PullRequest
Новая
       32

jQuery UI Range Ползунок значений в поле ввода

0 голосов
/ 29 апреля 2011

используя ползунок диапазона jQuery, я пытался получить значения в скрытом поле ввода, которое будет использоваться для поиска.

скрытое поле ввода имеет тот же идентификатор, что и поля ползунка, но значение, но скрытые поля ничего не показывают! 

    $(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, если это поможет, если вам нужна дополнительная информация, дайте мне знать, и я посмотрю, что я могу сделать.

надеюсь, кто-то может помочь, я могу многое увидеть по этой теме ??

1 Ответ

0 голосов
/ 30 апреля 2011

скрытое поле ввода имеет тот же идентификатор, что и поля ползунка, значение которого

Надеюсь, вы не имеете в виду, что есть два элемента с одинаковым атрибутом idта же страница.Если это так, вам нужно изменить это, или вы увидите неожиданные результаты.

Что касается установки значения скрытых входов с результатами ползунка, похоже, вы близки.Эта строка: 

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

Должна быть изменена на: 

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

Вот ваш код исправлен (и использует видимые input элементы типа text вместо hidden):http://jsfiddle.net/andrewwhitaker/Pyprr/

...