Question

我有一个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;，

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

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;" />

使用输入框值更改CJuiSlider的值

1 个答案: