Измените значение CJuiSlider со значением поля ввода

Question

У меня есть CJuiSlider, который работает хорошо .. когда значение ползунка изменилось значение получить отображаются в поле ввода .. до это хорошо, теперь я хочу полностью отличается от этого , т.е. когда значение изменяется в поле ввода (введя значение с помощью клавиатуры), то ползунок также изменить его значение в соответствии со значением в поле ввода ..

мой код is--

$this->widget('zii.widgets.jui.CJuiSlider', array(
'value'=>1, 
'id'=>'planSlider', 
'change'=>'js:function{$("#plan_year").value($("#planSlider").slider("option", "value"));}', 


// additional javascript options for the slider plugin 
'options'=>array(
    'min'=>1, 
    'max'=>100, 
    'slide'=>'js:function(event, ui) { $("#plan_year").val(ui.value);}', 

    //'onchange'=>'js:function{$("#plan_year").value($("#planSlider").slider("option", "value"));}', 
), 
    'htmlOptions'=>array(
     'style'=>'height:12px; width:500px' 
    ), 
)); 
?> 
<input type="text" name="Calculator[plan_year]" id="plan_year" style="border:0; color:#f6931f; font-weight:bold;" /> 

здесь я используя java-скрипт как 'change' => 'js: function {$ ("# plan_year"). value ($ ("# planSlider"). слайдер ("опция", "значение"));},

Что не хватает в моем коде ?? помощь .. спасибо

Answer 1

Попробуйте это -

<input onkeyup="$('#planSlider').slider('value', this.value);" type="text" name="Calculator[plan_year]" value="1" id="plan_year" style=" color:#f6931f; font-weight:bold;" />