Обновление формы через ajax

Кто может помогите. У меня следующая проблема мне надо добавить несколько checkBox. При вводе имени в поле Input и нажатие кнопки Add option. у меня при помощи AJAX не перезагружая форму создается checkbox с введеным именем . Но когда я повторно ввожу данные и нажимаю на кнопку Add option он не добавляет новый checkbox а делает замену т.е. update.

в контроллере




/////////////////////////////////

 public function actionUpdateAjax()

    {

        	$output[] = $_POST['input'];

				 

			

			if(Yii::app()->request->isAjaxRequest){


	        foreach ($output as $i=>$Option_Name): 

      				echo CHtml::CheckBox('[$i]Option', false).' '.CHtml::encode($Option_Name).'<br>';

		    endforeach; 


           }

			else {

			

				$this->render('_formEq', array(

				'input'=>$input,

				'output'=>$output,

				));

			}

			

    }






в view




echo CHtml::form();


echo CHtml::label('input', 'input');

echo CHtml::textField('input', $input); 

 

//echo CHtml::label('ttt', 'output');

// name и id для textarea автоматически заданы как 'output'.

//echo CHtml::textArea('output', $output).'<br>';

echo "<DIV id='output' > </DIV>";

//echo CHtml::CheckBox('output',$output);

 

// Второй параметр пуст, значит отсылаем данные на тот же URL. Третий параметр задаёт опции запроса. Подробнее с ними можно ознакомиться в документации jQuery.

echo CHtml::ajaxSubmitButton('Add option', CController::createUrl('car/UpdateAjax'), array(

    'type' => 'POST',

    // Результат запроса записываем в элемент, найденный по CSS-селектору #output.

    'update' => '#output',

),

array(

    // Меняем тип элемента на submit, чтобы у пользователей с отключенным JavaScript всё было хорошо.

    'type' => 'submit'

)); 

 

echo CHtml::endForm();




Это вполне ожидаемый результат – вы даете команду обновлять все время один и тот же div #output.

Рекомендую использовать ‘success’ опцию и в ней корректно указать необходимые js операции (используя .append() или подобные манипуляторы) .

Доки

http://www.yiiframework.com/doc/api/1.1/CHtml#ajax-detail

http://api.jquery.com/jQuery.ajax/

http://api.jquery.com/category/manipulation/

Спасибо. Заработало

Отлично :)