CODEWITHSUNDEEP
javascriptjqueryjquery-ui-slider
roza
roza

Reputation: 585

How to get value from input with dynamically changed value by jquery UI slider?

I've input text with a dynamically changed value by jquery UI slider. How to get value from $("#scope_input") by jquery? .change event working only from manual keypress on keyboard, on sliding doesn't getting any value:

$("#scope_input").change(function() {
    console.log($(this).val());
});

$("#scope_slider").slider({
    range: "min",
    min: 1,
    max: 100,
    value: 10,
    slide: function(event, ui) {
    $("#scope_input").val(ui.value);
    }
});

Upvotes: 0

Views: 1450

Answers (3)

Jacob George
Jacob George

Reputation: 2627

Did you try

$("#scope_slider").bind("slidechange", function(event, ui) {
    $("#scope_input").val(ui.value);
});

Upvotes: 0

charlietfl
charlietfl

Reputation: 171679

WHen you update the field within the slide event, trigger the change on the input

$("#scope_slider").slider({
    range: "min",
    min: 1,
    max: 100,
    value: 10,
    slide: function(event, ui) {
    $("#scope_input").val(ui.value).change();
    }
});

Upvotes: 1

ThiefMaster
ThiefMaster

Reputation: 318488

You need to trigger the change event manually:

$("#scope_input").val(ui.value).change();

Upvotes: 2

Related Questions