将选择选项更改为列表或网格视图

我想将选择选项更改为网格视图。

我的意思是, 现在我必须选择一个选项来查看标题, 图片和按钮, 就像你在这里看到的一样https://www.screencast.com/t/db7mGdlNgz

<div class="import-form-fields">
  <select class="demo_version" name="demo_version">
    <option>--select--</option>
    <?php foreach ($list as $key => $value): ?>
      <option value="<?php echo esc_attr( $key ); ?>" data-imported="<?php echo ($this->is_version_imported( $key )) ? 'yes' : 'no'; ?>"><?php echo esc_html( $value['title'] ); ?></option>
    <?php endforeach ?>
  </select>
</div>

我也希望所有选项在没有选择选项的情况下显示1次。

我怎样才能做到这一点 ？请帮我。

#1

显示所有选项的唯一方法是在Javascript中创建伪元素。

或者, 如果你允许多项选择, 则也可以一次列出所有选项。

<select multiple>
</select>