Question

我在yii2工作。我有一个表格。在那我有一个下拉列表。我需要显示带有名称和图像的所有下拉选项以及选项组。

正在显示图像和名称。但是如何使用选项组显示所有选项。

查看文件：

hbaseConfig

查看文件脚本：

@92.168.21.128 /etc/ams-hbase/conf/hbase-site.xml

如何从上面的代码创建选项组？而且在下拉值中，打印imgae名称不是值（因为这一行 - ＆gt; <div class="col-xs-6 col-md-5"> <?= $form->field($model,'targetfish_id')->dropDownList(ArrayHelper::map(Targetfish::find()->all(),'id','image'), ['multiple'=>'multiple']) ?> </div>）。我可以使用id名称和图像吗？

Answer 1

Select2内置了AJAX支持，使用jQuery的AJAX方法。这将帮助您根据您的要求显示图像。

您可以通过以下链接查看更多内容。

https://select2.github.io/examples.html#data-ajax

Answer 2

<script>
    function fmtState (state) {
        if (!state.id) { return state.text; }
        var $state = $(
            '<span>'+
            '<img src="images/flags/' +
            state.element.value.toLowerCase() +
            '.png" class="img-flag" /> ' +
            state.text +
            '</span>'
        );
        return $state;
    }
</script>

<div class="input-control" data-template-result="fmtState" data-role="select">
    <select>
        <option>option</option>
        ...
        <option>option</option>
    </select>
</div>

如何在选项组的select2下拉列表中显示图像？

2 个答案: