<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/common/commons.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>xxxxx</title>
</head>
<body>
<div class="title"><span>当前位置：xxxxxx>xxxxx>xxxxxx</span></div>
<form name="tmlgroupmember" method="post" >
<input type="hidden" name="muserTerminalgroup.terminalgrpidx" value="${muserTerminalgroup.terminalgrpidx}" />
<div class="editBlock">
<table class="table2" width="100%">
<tbody>
<tr>
<th>xxxxxx</th>
<td width="20%" >
<input type="text" value="${muserTerminalgroup.terminalgrpname}"
readonly="readonly" maxlength="30" style="border: none" id="groupname" />
</td>
</tr>
<tr>
<th width="90">xxxxxx</th>
<td colspan="5">
<select id="id_brand" class="width140p">
<option value="">--请选择--</option>
<s:iterator value="mtmlBrandList" id="bean" status="stat" var="v">
<option value="${brandindex}">${brandname}</option>
</s:iterator>
</select>
</td>
</tr>
<tr>
<th>xxxxxxx</th>
<td colspan="5">
<div style="width: 400px; padding: 2px">
<input name="terminalmodelname" type="text" id="id_terminalmodelname" class="inputText" />
<input type="button" id="query" value="查询" class="btns" />
<input type="button" id="clear" value="清空" class="btns" />
</div>
<table width="620" height="300">
<tr>
<td width="204" valign="top">
<select id="leftmodel" multiple="multiple" style="width: 250px; height: 300px" ondblclick="leftToRight();">
<s:iterator value="mtmlInfos" id="bean" status="stat" var="v">
<option value="${terminalindex}">${terminalmodelname}</option>
</s:iterator>
</select>
</td>
<td width="207" align=center style="width: 40px;">
<input type="button" value="> " title="选择单个" onClick="leftToRight();" class="inputButton" />
<br />
<br />
<input type="button" value=">>" title="全部选择" onClick="leftToRightAll();" class="inputButton" />
<br />
<br />
<br />
<br />
<br />
<input type="button" value="< " title="移除单个" onClick="rightToLeft();" class="inputButton" />
<br />
<br />
<input type="button" value="<<" title="全部移除" onClick="rightToLeftAll();" class="inputButton" />
</td>
<td width="204" valign="top">
<select name="rightmodel" id="rightmodel" multiple="multiple" style="width: 250px; height: 300px" ondblclick="rightToLeft();">
<s:iterator value="muserTerminalgroupExtendsList" var="v">
<option value="${terminalindex}">${terminalmodelname}</option>
</s:iterator>
</select>
</td>
</tr>
</table>
</tr>
<tr>
<td colspan="6" align="center">
<input name="button" id="id_save" type="button" class="btns" value="确定" />
<input name="button" type="button" class="btns" value="返回" id="id_back" /></td>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>
---------------------------------------分割线---------------------------------
欢迎交流。
相关推荐
"select多选与美化"这个主题关注的是如何在HTML的下拉列表中实现多选功能，并且兼容各种主流浏览器，包括Firefox、Opera、Chrome、Safari以及IE6到IE9。这通常涉及到JavaScript库，特别是jQuery的使用，以及CSS样式...
在"xmselect日期多选组件demo"中，我们可以看到该组件的实例展示，它提供了直观的交互和良好的用户体验。 "日期多选"是该组件的核心特性，意味着用户可以同时选择多个日期，而不局限于单个日期选择。这种功能对于...
《layui-多选下拉框-xm-select：前端开发中的高效解决方案》 在现代Web开发中，用户界面的交互性和易用性是至关重要的。layui框架以其轻量级、高效和丰富的组件库，成为了众多开发者青睐的选择。尤其在构建多选...
在HTML中，多选列表通常使用`<select>`标签来创建，通过设置`multiple`属性，可以启用多选功能。一个简单的多选列表示例如下： ```html <select multiple> <option value="option1">Option 1 ...
本示例主要讲解如何使用`<select>`的`multiple`属性创建一个多选下拉框，并通过JavaScript来处理用户的选择。 首先，`<select>`标签的`multiple`属性是关键，它告诉浏览器该下拉列表支持多选。例如： ```html ...
在 `demo001` 文件中，你可能会找到具体的 HTML、CSS、JavaScript 代码示例，帮助你更好地理解和应用这个功能。记住，实践是检验真理的唯一标准，动手尝试并根据需求进行调整，才能真正掌握这个技术。 总的来说，...
综上所述，"jQuery And Select2 Demo.zip"这个项目展示了如何结合使用jQuery和Select2来创建一个功能强大的多选下拉框，这在现代Web开发中非常有用。通过学习这个示例，你可以更好地理解如何提升网页的交互性和用户...
由于业务需要，本代码是由bootstrap 的select改编而成，支持下拉菜单（单选 多选），并且支持有多级菜单，比之前使用3级联动使用方便，代码简单，下载后解压，查看demo.html ，可直接套用.
7. **多选支持**：有些情况下，`<select>`需要支持多选功能，此时`<select multiple>`属性会被使用。在美化时，需要考虑如何优雅地显示和管理多个选中的选项。 在`readme.md`文件中，通常会包含关于Demo的介绍、...
`Select2`是一个强大的JavaScript库，它能够美化和增强HTML的`<select>`元素，提供搜索、多选、无限滚动等功能，使得用户在下拉选项中进行选择时有更友好的体验。 描述中的“使用select2下拉框的几种demo样式，比较...
- `demo.html`: 这是一个示例文件，展示了如何在实际项目中使用Select2插件，包括基本配置和功能的实现。 - `bootstrap`: Bootstrap是一个流行的前端框架，可能在这个压缩包中用于提供样式支持，使Select2与...
在AngularJS中，Select2是一个流行的插件，它极大地增强了HTML `<select>` 元素的用户体验，提供了搜索、多选、分页等高级功能。这个"angularjs中select2使用demo"应该是一个示例项目，展示了如何在AngularJS应用中...
《基于Layui的select多选插件：Layui-formSelects详解》 在Web开发中，表单元素的使用是不可或缺的一部分，其中选择框（Select）在数据输入和筛选时发挥着重要作用。然而，原生的HTML Select在功能上存在一定的局限...
在这个"Bootstrap-selectpicker多选框插件的demo源码"中，我们可以学习到如何在项目中集成和使用这个插件。 首先，Bootstrap-selectpicker提供了多选功能，允许用户在下拉菜单中选择多个选项。这在需要用户输入一组...
Bootstrap Select2插件是一款强大的选择器增强工具，它在原生HTML `<select>` 元素的基础上提供了丰富的交互性和美观的视觉效果。这款插件充分利用了Bootstrap框架的样式和组件，使得在网页中创建下拉菜单、多选框或...
2. **多选支持**：除了基本的单选模式，Select2还支持多选，允许用户选择多个选项。 3. **自定义数据源**：Select2可以绑定到各种数据源，如静态数组、Ajax请求返回的数据或复杂的API接口，使得动态加载数据变得简单...
接下来，创建一个`<select>`元素，设置多选属性`multiple`，并填充选项。最后，通过JavaScript初始化控件： ```html <div id="checkboxSelect"></div> <script src="CheckboxSelect_v2.8.8.js"></script> var ...
在 HTML 结构中，我们可以创建一个 `select` 元素，通过添加 `lay-filter` 和 `lay-search` 属性来启用 Layui 的搜索和过滤功能。同时，为支持多选，我们需要将 `multiple` 属性设置为 `true`。 ```html <select id...
3. **演示示例**：`Demo`文件夹包含了一系列的示例代码，用于展示插件的不同用法和功能，这可以帮助开发者快速理解和应用插件。 4. **JavaScript代码**：`JS`目录可能包含了插件的核心JavaScript文件，其中包含了...
- **HTML结构**：创建一个`<select>`元素，设置`multiple`属性，以便支持多选。 ```html <select id="example" multiple> <option value="value1">Option 1 <option value="value2">Option 2 ... </select> ``` ...