Обновление максимального значения ползунка jQuery из поля ввода

У меня есть простой слайдер jquery, где я хотел бы обновить max: value, введя сумму в поле ввода. Вот что у меня есть до сих пор:

<input name="cost" type="text" class="inputbox" size="10" id="cost" />

<label for="status">Progress Bar:</label>
    <input type="text" id="status" style="border:0; color:#158FB6;font-weight:bold; background-color:#F8F8F8" name="status"/>
    <div id="status-range" style="width: 250px;margin-top:2px"></div>

$(function() {
    $( "#status-range" ).slider({
        value:0,
        min: 0,
        max: 0,
        slide: function(event, ui) {
            $("#status").val("$" + ui.value);
        }
    });
    $("#status").val("$" + $("#status-range").slider("value"));
});

Теперь, когда пользователь вводит значение в поле стоимости, я хочу, чтобы max: 0 обновлялось автоматически.


slider jquery max
person Alex    schedule 16.06.2011    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Добавьте этот прослушиватель событий:

$('#cost').change(function() {
  $('#status-range').slider('option','max',$(this).val());
});
person js1568    schedule 16.06.2011
comment
Спасибо, но ваше решение не работает. Я хочу иметь возможность контролировать максимальное значение, введя в поле стоимости - person Alex; 16.06.2011
comment
Большое Вам спасибо. Работает идеально. - person Alex; 16.06.2011