Yii: How to add CSS class to a dropdown list

Question

I am using Yii 1.1.10. I would like to know how to add a CSS class to a dropdown list. I am using a CActiveForm

for example, how would i add a CSS class to this dropdown list?

<?php echo $form->labelEx($model,'chassis'); ?>
<?php echo $form->dropDownList($model, 'chassis',
      array('saloon' => 'saloon', 'station wagon' => 'station wagon', ),
   ); 
?>

EDIT: I had this in my code

 array('empty' => 'Select one of the following...')

i had it there to make it the default message. but somehow it interfered with using

'htmlOptions'=>array('class'=>'yourCssClass')

OR

array('class'=>'your_class_name')

so as long as i remove it, both suggestions work!Thank guys

P.S To use a placeholder use prompt instead of empty

topher
– topher

2013-03-10 21:08:50 +00:00
Commented Mar 10, 2013 at 21:08 — topher
– topher, Commented Mar 10, 2013 at 21:08

dInGd0nG · Accepted Answer · 2013-03-10 19:38:07Z

3

You can use htmlOptions argument of CActiveFrom::dropDownList() to specify class,style or any other HTML attributes.

<?php echo $form->labelEx($model,'chassis'); ?>
<?php echo $form->dropDownList($model, 'chassis',
      array('saloon' => 'saloon', 'station wagon' => 'station wagon', ),
      array('class'=>'your_class_name'),
   ); 
?>

answered Mar 10, 2013 at 19:38

dInGd0nG

4,1141 gold badge27 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Victor Njoroge Over a year ago

i have tried that but it does not work; i used chrome and inspected the dropdown and no class...what do you suggest..

dInGd0nG Over a year ago

you get a class in the select tag. do you want a class on each option tag?

Victor Njoroge Over a year ago

ok it works. It was working because i had sth. extra added that i left out in my question...ive made an edit in my question so u can see it..@naselorm samething, your suggestion works too thanks guys..

nastycrow · Accepted Answer · 2013-03-10 19:38:13Z

1

This is the syntax for dropDownList according to Yiiframework API

public string dropDownList(CModel $model, string $attribute, array $data, array $htmlOptions=array ( ))

The last part enables you to pass any html values as you would normally do in an html page.Thus add this after station wagon,

'htmlOptions'=>array('class'=>'yourCssClass'),

answered Mar 10, 2013 at 19:38

nastycrow

335 bronze badges

Comments

Boopathi Rajan · Accepted Answer · 2014-01-27 05:09:36Z

0

Array values are displayed and array keys are stored.

This is Model code.

public function getCityOptions()
{
   $list=array('saloon' => 'saloon', 'station wagon' => 'station wagon',);
   asort($list);
   return $list;
}

This the _form.php code

<div class="row">
<?php echo $form->labelEx($model,'chassis'); ?>
<?php echo $form->dropDownList($model,'chassis',$model->getCityOptions()); ?>
<?php echo $form->error($model,'chassis'); ?>
</div>

try this..

answered Jan 27, 2014 at 5:09

Boopathi Rajan

1,2002 gold badges16 silver badges39 bronze badges

Comments

Jennifer Miranda Beuses · Accepted Answer · 2015-10-15 17:00:40Z

0

This is an answer. :)

<?php echo $form->labelEx($model,'chassis'); ?>
<?php echo $form->dropDownList($model, 'chassis',
    array('saloon' => 'saloon', 'station wagon' => 'station wagon', ),
    array('class'=>'form-control','empty' => 'Select one of the following...')
); 
?>

answered Oct 15, 2015 at 17:00

Jennifer Miranda Beuses

7377 silver badges15 bronze badges

Collectives™ on Stack Overflow

Yii: How to add CSS class to a dropdown list

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related