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

我想将选择选项更改为网格视图。
我的意思是, 现在我必须选择一个选项来查看标题, 图片和按钮, 就像你在这里看到的一样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="http://www.srcmini.com/< ?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中创建伪元素。
【将选择选项更改为列表或网格视图】或者, 如果你允许多项选择, 则也可以一次列出所有选项。