2013-03-10 65 views
3

我正在使用Yii 1.1.10。我想知道如何将CSS类添加到下拉列表中。我使用CActiveFormYii:如何将CSS类添加到下拉列表

例如,我将如何添加一个CSS类到这个下拉列表?

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

编辑: 我有这个在我的代码

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

我有它存在,使其默认的消息。但不知何故,干扰使用

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

OR

array('class'=>'your_class_name') 

所以只要我删除它,两项建议的工作!谢谢你们

+0

P.S要使用占位符使用'prompt'而不是'empty' – topher 2013-03-10 21:08:50

回答

3

您可以使用CActiveFrom::dropDownList()htmlOptions参数指定class,style或任何其他HTML属性。

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

我已经尝试过,但它不工作;我使用了chrome并检查了下拉菜单并没有上课......你有什么建议.. – 2013-03-10 19:50:05

+0

你在选择标签中获得了一个班级。你想要每个选项标签上的课程吗? – dInGd0nG 2013-03-10 19:52:45

+0

好吧,它的工作原理。这是因为我有工作。额外补充说,我遗漏在我的问题... ive做了一个编辑我的问题,所以你可以看到它.. @ naselorm samething,你的建议作品太谢谢你们.. – 2013-03-10 20:06:13

1

这是根据Yiiframework API为DROPDOWNLIST语法

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

最后一部分,您可以通过任何HTML值,你通常会在做一个HTML page.Thus旅行车后添加此,

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

显示数组值并存储数组键。

这是型号代码。

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

这_form.php这个代码

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

试试这个..

0

这是一个答案。 :)

<?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...') 
); 
?>