Problem with dependent dropdowns

Hi everybody,

definitely new to YII (3 days playing with it and happy I’ve been directed to it).

I’ve been reading and searching a lot to make the dependent dropdowns example by dalip work.

It does now, with a few changes to the original article code and a strange problem.

Overview: I manage holiday trip quotes, each having a package id and a voyage id; each quote’s voyage id depends on selected package id (e.g. package id 1 ‘owns’ voyage ids 1, 2 and 4, while package id 2 ‘owns’ voyage ids 3, 5 and 6). Ok, keeping both ids is unnecessary, it only serves for my test code.

In my quotes view I have (see code comments for changes to the original dependent dropdowns example):

<?php $form=$this->beginWidget('CActiveForm', array(



)); ?>


	<div class="row">

		<?php echo $form->labelEx($model,'package_id'); ?>

		<?php $package_criteria = new CDbCriteria; $package_criteria->order = 'name ASC'; ?>

		<?php echo $form->dropDownList($model, 'package_id', CHtml::listData(Package::model()->findAll($package_criteria),'id','name'),

		// the original example's code was using the static array definition below, plus I had to call form builder for the dropdown list

                // to have package_id parameter included and saved when submitting the form; same applies to voyage id dropdown list below

		//<?php echo CHtml::dropDownList('package_id','', array(1=>'Package 1',2=>'Package 2',3=>'Package 3'),


			'empty'=>'Select a package', // set default prompt 

			'ajax' => array(

			'type'=>'POST', //request type

			'url'=>CController::createUrl('Package/listvoyages'), //url to call.

			// I had to modify to-be-updated field name, including model form's prefix, to make AJAX update work 

			'update'=>'#Quotes_voyage_id', //selector to update

			//'data'=>'js:javascript statement' 

			// I had to explicitely pass my parameter as 'package_id' instead of adding model form's prefix in controller action (see below)

                        // making Package controller's 'listvoyages' action reusable





		<?php // added to let user create a package on the fly using CJuiDialog, as per Zaccaria's wiki article

                echo CHtml::link('Create package', "",  // the link for open the dialog


        	'style'=>'cursor: pointer; text-decoration: underline;',

        	'onclick'=>"{addPackage(); $('#dialogPackage').dialog('open');}"));?>

		<?php echo $form->error($model,'package_id'); ?>


	<div class="row">

		<?php echo $form->labelEx($model,'voyage_id'); ?>

		<?php echo $form->dropDownList($model, 'voyage_id', array(), array()); ?>

		<?php echo $form->error($model,'voyage_id'); ?>

	</div> of the form

<?php $this->endWidget(); ?>

The above view makes an AJAX call to my Package controller’s ‘listvoyages’ action, defined like this:

	public function actionListvoyages()


	    $data=Voyage::model()->findAll('package_id=:package_id', array(':package_id'=>(int) $_POST['package_id']));



	    foreach($data as $value=>$name)


	        echo CHtml::tag('option', array('value'=>$value),CHtml::encode($name),true);



Well, the above code works fine in Chrome 13.0.782.112 but it doesn’t in Firefox 6.0, nor in IE 7.0 and Safari 4.0.4 (voyage dropdown doesn’t get updated).

Particularly in FF, Firebug shows that the AJAX call receives parameter ‘package_id’ correctly but it returns my app’s login page.

Any idea?

Hoping comments may help someone, TIA.



I must have weird caching issues on that PC (using wamp under WinXP).

I’ve rebuilt the same test app (from scratch) adding the very same code but on an Ubuntu server and it works as expected.

I’ll check again tonight (back home) but for the time being issue… evaporated.

Thanks anyway for the inspiring posts read at these fora while looking for a solution.


I also hate when that happens… :lol:

I should consider getting used to it under Win… :unsure: