yii2 how to add additional attributes to dropDownList() elements?

Question

The question is simple. I want to add different data-attributes to each selection option so that Bootstrap will load different data according to which option was selected.

How should I go with it? Adding options to field()->dropDownList() will only add the options to list elements container.

Chirag Pipariya · Accepted Answer · 2017-06-19 07:31:53Z

I got the result please try this one may be solve problem i got batter solution

$listOption           = [
                                [156] => 'Option1',
                                [157] => 'Option2',
                                [158] => 'Option3',
                                [162] => 'Option4'
                            ];


$optionDataAttributes = [
                                [156] => [
                                    ['data-width']  => 10,
                                    ['data-height'] => 10
                                ],
                                [157] => [
                                    ['data-width']  => 11,
                                    ['data-height'] => 11
                                ],
                                [158] => [
                                    ['data-width']  => 12,
                                    ['data-height'] => 12
                                ],
                                [162] => [
                                    ['data-width']  => 13,
                                    ['data-height'] => 13
                                ],
                            ];



echo $form->field($model, 'field_name')->dropDownList($listOption , 
    [ 
    'options' => $optionDataAttributes, 
    'prompt' => 'Select Custom Package', 
    'class' => 'form-control input-sm', 
    'id' => 'package_select_id'
    ])->label(false);

ScaisEdge · Accepted Answer · 2015-08-09 19:08:52Z

2

Try with options

 echo $form->field($model, 'name')->dropDownList( $listData,
                                ['options'=>['class' => 'yourClass', 
                                 'style' => 'yourStyle', 
                                  'yourAtt'=> 'yourattribute']]);

or try

echo $form->field($model, 'name')->dropDownList( $listData,
                                ['data-target'=> 'yourValue',
                                 'data-toggle' => ' your2value']);

for items you can use

echo $form->field($model, 'name')->dropDownList( $listData,
                                ['options'=>[
                                   'value1' => ['data-target' => 'yourAtt']]);,

edited Aug 9, 2015 at 19:08

answered Aug 9, 2015 at 18:43

ScaisEdge

133k10 gold badges98 silver badges111 bronze badges

7 Comments

ScaisEdge Over a year ago

What kind of attributes you want to add? show a sample

jeesus Over a year ago

I want to add data-target and data-toggle attributes to trigger various Bootstrap events. But even simple class nor style attributes won't render.

jeesus Over a year ago

Yes, but as I stated, my goal is to assign these values for every dropdown list element. This solution assigns these values to <select>. I want it to be like:

<select id="article" class="form-control"  name="Articles[article_type]">     <option value="1" data-target="news">News</option>     <option value="2" data-target="blog">Blog</option>     <option value="3" data-target="gossip">Gossip</option> </select>

jeesus Over a year ago

Yeah, I ended up with the same solution myself also. But thank you a lot!

Ejaz Karim Over a year ago

That's not a complete answer.

|

Collectives™ on Stack Overflow

yii2 how to add additional attributes to dropDownList() elements?

2 Answers 2

Comments

7 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related