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选项标签的属性。 数组键必须是有效的选项值，数组值是相应选项标记的额外属性。