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

Question

I want change select options to grid view.

I mean for now I must select an option to view the title, picture and buttons as you look here 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>

Also i want that all options are showing in 1 time without select option.

How can i do this ? Please help me.

</div>

Answer 1

The only way to show all the options are to create a pseudo elements in Javascript.

or if you allow multiple select, you can list them all at once too.

<select multiple>
</select>