2

Может кто подскажет и подскажет: никак не пойму почему не срабатывает событие. Использую в первом поле стандартный jquery слайдер (ползунок) привязанный к инпуту. При выборе радио и вводе вручную значения инпута все ок, а вот когда передвигаеш ползунок значение в инпуте меняется но ончендж не срабатывает.

<input type="text" id="quantity" onchange="clc();" class="quantity" 
name="quantity">
<div id="slider-gorizontal"></div>

<input  type="radio" name="thickness" onchange="clc();" class="choiceBtn 
thickness" value="260" checked="checked">Стандартная: 0.4 мм</input>

<input type="radio" name="thickness" onchange="clc();" class="choiceBtn 
thickness" value="335">Утолщенная: 0.5 мм</input>

function clc() {
    var q = $('#quantity').val();
    var t = $('.thickness:checked').val();
    $.ajax({
        url: 'calc.php',
        type: 'POST',
        data: {quantity:q, thickness:t},
        dataType: 'json',
        success: function ( data ) {
          console.log ( data ) ;
          if(t == 260) {
                $('#result').empty();
                $('#result').append(data);
            }
            else{
                $('#result2').empty();
                $('#result2').append(data);
            }
        }
    });
}

  $( function() {
            $( "#slider-gorizontal" ).slider({
                range: "min",
                min: 0,
                max: 1000,
                value: 500,
                slide: function( event, ui ) {
                    $( "#quantity" ).val( ui.value );
                }
                }).height('10');
            $( "#quantity" ).val( $( "#slider-gorizontal" ).slider( "value" ) );
        } );    
1
  • Давайте код навешивания слайдера
    – br3t
    21 мая 2017 в 20:05

1 ответ 1

3

Программное изменение значение инпута не вызывает события onchange. Чтобы в этом убедиться, попробуйте:

<input id='test' onchange='console.log(value);' />
<button onclick="document.getElementById('test').value='aaa';">Click</button>

Используйте событие change слайдера: http://api.jqueryui.com/slider/#event-change

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.