HTML多列选择列表 [英] HTML multiple column select list

问题描述

一般html列表已创建，

generally html list is created,

<select size=6 name="sel" id="sel">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="4">5</option>
    <option value="4">6</option>
    <option value="4">7</option>
    <option value="4">8</option>
    <option value="4">9</option>
</select>

但显示为

1
2
3
4
5

而我想成为，

1   2   3   4
5   6   7   8
9   .........

或

1   3   5   7
2   4   6   8

如何显示它，而不使用任何pluggins和jquery等。
只是想在纯javascript，html，css方式

how to display it without using any "pluggins" and "jquery" etc.. just want to do in pure javascript, html, css way

.........

推荐答案

使用< select> 输入不可能。尝试这样的操作，让您开始： http://jsfiddle.net/spryno724/z67w9/5/

This is not possible with a <select> input. Try something like this, to get you started: http://jsfiddle.net/spryno724/z67w9/5/

<ul>
  <li>
    <ul>
      <li>1</li>
      <li>2</li>
    </ul>
  </li>

  <li>
    <ul>
      <li class="selected">3</li>
      <li>4</li>
    </ul>
  </li>
</ul>

这篇关于HTML多列选择列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！