HTML多选框
我只是想知道下面的表单的名字是什么？ 我从早上的谷歌search的HTML表单，但我无法find这种forms的任何地方。 任何人都可以告诉我这个表单的确切名称，这是可用的HTML表单？
我只是想在我的网站添加这种forms。 这是可用于HTML或我应该使用JavaScript或其仅限于Windows应用程序？
这是一个小样本，让你开始： http : //jsfiddle.net/eUDRV/3/
这个例子将把项目（一个或多个）从左到右移回到原来的位置。 无论在右侧select哪个项目，都会更新右侧的文本框。
我们正在使用的元素：
select-
input type="button" -
input type="text"
框架：
-
div -
section
样式简单的CSS。 JavaScript提供了function。
我正在使用jQuery库来使事情变得更容易一些。 这也可以用纯JavaScript来完成。
$("#btnLeft").click(function () { var selectedItem = $("#rightValues option:selected"); $("#leftValues").append(selectedItem); }); $("#btnRight").click(function () { var selectedItem = $("#leftValues option:selected"); $("#rightValues").append(selectedItem); }); $("#rightValues").change(function () { var selectedItem = $("#rightValues option:selected"); $("#txtRight").val(selectedItem.text()); });
SELECT, INPUT[type="text"] { width: 160px; box-sizing: border-box; } SECTION { padding: 8px; background-color: #f0f0f0; overflow: auto; } SECTION > DIV { float: left; padding: 4px; } SECTION > DIV + DIV { width: 40px; text-align: center; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <section class="container"> <div> <select id="leftValues" size="5" multiple></select> </div> <div> <input type="button" id="btnLeft" value="<<" /> <input type="button" id="btnRight" value=">>" /> </div> <div> <select id="rightValues" size="4" multiple> <option>1</option> <option>2</option> <option>3</option> </select> <div> <input type="text" id="txtRight" /> </div> </div> </section>
它通常被称为列表框多选。 这里是loudev.com上一个轻量级的jQuery 多重select库：
