Yii2下拉列表:在我的选项中添加像data-food ="..."这样的html标记

Question

我正在使用Yii2构建应用程序.我使用Yii2提供的Html Helper生成下拉列表:

<?= Html::dropDownList('food', $food_id, $foodList, ['id'=>'food-select']); ?>

其中$ food_id是默认选择的选项,$ foodList是一个包含表示选项值和文本的键值对的数组.

它工作得很好,但我需要在我的选项中添加一个html-markup(data-food ="...").像这样的东西:

<select id='food-select'>
    <option id="1" data-food="apple-info">Apple</option>
</select>

这可能使用Html :: dropDownList()方法吗？无论如何要做到这一点？

Answer 1

您可以使用数组的options参数,$options如下所示:

$food_list = [1 => 'Apple', 2 => 'Banana', 4 => 'Orange']; //let's assume

<?= Html::dropDownList('food', $food_id, $food_list, [
    'id'=>'food-select',
    'options' => [
        1 => ['data-food'=>'apple-info'], //index must be same as the option value
        2 => ['data-food'=>'banana-info'],
        4 => ['data-food'=>'orange-info']
    ]
]); 
?>

下拉列表后的输出 -

<select id="food-select" name="food">
    <option value="1" data-food="apple-info">Apple</option>
    <option value="2" data-food="banana-info">Banana</option>
    <option value="4" data-food="orange-info">Orange</option>
</select>

来自文档 - http://www.yiiframework.com/doc-2.0/yii-helpers-basehtml.html#dropDownList()-detail

options:array,select选项标签的属性.数组键必须是有效的选项值,数组值是相应选项标记的额外属性.