使用输入框值更改CJuiSlider的值

时间:2014-06-26 03:23:00

标签: javascript php jquery yii

我有一个CJuiSlider工作正常.. 当滑块值改变时,该值显示在输入框中.. 这很好, 现在我想完全不同于此。即,当输入框中的值发生变化时(通过键盘键入值),滑块也会根据输入框的值更改其值。

我的代码是 -

$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脚本作为&#39;更改&#39; =&gt;&#39; js:function {$(&#34;#plan_year&#34;)。value($(& #34;#planSlider&#34;)。slider(&#34;选项&#34;,&#34;值&#34;));}&#39;,

我的代码中缺少什么? 救命.. 谢谢

1 个答案:

答案 0 :(得分:0)

试试这个 -

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