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

Question

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

我的意思是现在我必须选择一个选项来查看标题、图片和按钮，就像你在这里看到的那样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>

我还希望所有选项在没有选择选项的情况下一次性显示。

我该怎么做？请帮帮我。

Answer 1

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

或者如果你允许多选，你也可以一次列出它们。

<select multiple>
</select>