如何更新Yii中没有刷新页面的下拉列表更改的文本字段?

时间:2014-01-28 05:55:28

标签: php jquery ajax yii

我有一个Yii下拉列表和文本字段,当我选择下拉列表项时,此名称应显示在textfield中。我尝试使用ajax这个概念,但它只在页面刷新后更新。我在这里粘贴了我的代码,请透视并建议我如何设置 每次立即选择下拉列表项后都会显示文本字段。

   The following code resides protected/views/form

    <td>    
    <?php echo $form->labelEx( ScriptQuestion::model(),'Field'); ?></td><td>
    <?php echo CHtml::activedropDownList( ScriptQuestion::model(),'crm_base_contact_form_field_id',$select_field,       
                array(
                'id' => 'send_bcfield',
                'class' => 'col_165',
                'ajax' => array(
                    'type' => 'POST',
                    'url' => CController::createUrl('DisplayMessage'),                                                               
                    'update' => '#question_editor',
                    'data' => array('bcfield' => 'js:this.value'),
                    'success'=> 'function(data) {$("#question_editor").empty();
                            $("#question_editor").val(data);
                            } ',                    
                    ))      
    ); ?>               
    </td>
         <td>
        <?php echo $form->textArea($model, 'message', array('id'=>'question_editor','maxlength'=>508, )); ?>
           </td>

这是控制器动作:

    public function actionDisplayMessage(){ 
$q = $_POST['bcfield'];
$model=ScriptQuestion::model()->findAll();  
$sql = "SELECT name  FROM crm_field WHERE crm_field_id=". $q ;
    $command = Yii::app()->db->createCommand($sql);
    $result= $command->queryScalar(); 
    echo "%".$result."%";
    $this->performAjaxValidation($model);       
    }

2 个答案:

答案 0 :(得分:2)

不需要Ajax,它只是一个简单的 javascript / jQuery

这样做(用你的ckeditor实例名替换editor1):

<script>
$("#send_bcfield").change(function(){
   var selected = $("#send_bcfield option:selected").val();
   CKEDITOR.instances.editor1.setData(selected);
});
</script>

或者将您的代码更改为:

<?php
echo CHtml::activedropDownList(ScriptQuestion::model(), 'crm_base_contact_form_field_id', $select_field, array(
    'id' => 'send_bcfield',
    'class' => 'col_165',
    'onchange' => '$("#send_bcfield").change(function(){
                    var selected = $("#send_bcfield option:selected").val();
                    CKEDITOR.instances.editor1.setData(selected);
                    });',
    )
);
?>

更新:我根据您的回答下方的评论将我的代码更改为更改ckeditor值

答案 1 :(得分:1)

可能你只需要将它添加到CHtml :: activedropDownList设置:

  'onchange' => "$('question_editor').val($('#send_bcfield option:selected').text())"