`

listBox选择

    博客分类：
  • html
 
阅读更多 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
  <script type="text/javascript" src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script>
  <style type="text/css">
    select{width: 150px;height: 180px;}
  </style>
</head>
<body>
  <div>
    <div>
      <select multiple="multiple" name="select1" id="select1">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
      </select>
      <div style="display:inline">
        <button id="reset">REST</button>
        <button id="btn1">&gt;&gt;</button>
        <button id="btn2">&lt;&lt;</button>
      </div>
      <select multiple="multiple" name="select2" id="select2">
        
      </select>
    </div>

  </div>
</body>
<script type="text/javascript">
  var $s1 = $('#select1'),
      s1h = $s1.html(),
      $s2 = $('#select2'),
      s2h = $s2.html();
  $('#btn1').on('click', function (e) {
    $s1.find('option:selected').appendTo($s2);
  });
  
  $('#btn2').on('click', function (e) {
    $s2.find('option:selected').appendTo($s1);
  });

  $('#reset').on('click', function(e) {
    debugger;
      $s1.empty().append(s1h);
      $s2.empty().append(s2h);
  });
</script>
</html>
分享到：
| 用已有的表创建新表
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js操作listbox

    根据提供的文件信息，我们可以深入探讨JavaScript操作`&lt;select&gt;`元素（通常称为listbox或下拉列表）的方法。这里的关键知识点包括获取选中的值、全选、全删、单选、单删等操作。 ### 一、获取Listbox的选中值 在...

    VB6.0 ListBox 应用实例

    与ListBox结合，可以在用户输入时动态填充ListBox，或者在ListBox选择后更新ComboBox的内容。 - 在实例中，可能通过ComboBox的`Change`事件触发ListBox的填充或更新，提供更丰富的交互体验。 4. **编程实践**： -...

    给listbox 列表项加图标(图片)

    在baidu和google上，VB6给listbox 加图标（图片）的程序一个都没有，只好自已编了一个程序，补了VB6空白。不足三十行代码程序，非常巧妙给VB6自带的listbox控件加上了图标，图标可以是任意图片！程序代码简洁明了，...

    MATLAB GUI教学视频7：ListBox的基本用法

    本教程主要聚焦于MATLAB GUI中的一个重要组件——ListBox，它允许用户从预设的选项列表中选择一个或多个项。在“MATLAB GUI教学视频7：ListBox的基本用法”中，我们将深入探讨ListBox的创建、配置和事件处理，以及...

    两个listbox中信息传递源代码

    这通常指的是在一个对话框中的ListBox选择的项目被传递到另一个对话框的ListBox中。这种功能在多窗口或多面板应用中非常常见，比如在数据筛选、转移或操作时。 描述中提到，代码是利用MFC编写的，并且“无错误，可...

    ListBox的选择应用

    ListBox是Windows Forms和WPF等GUI框架中常见的一种控件，用于展示一组可选择的项。在本示例中，"ListBox的选择应用"主要展示了如何实现ListBox的单选和多选功能，以优化用户交互并提升操作界面的用户体验。下面我们...

    domino xpags开发listbox

    例如，当用户更改Listbox选择时，可以触发一个事件来更新页面上的其他信息： ```javascript &lt;xp:this.action&gt;&lt;![CDATA[#{javascript: // 这里可以处理Listbox的改变事件，比如更新其他组件的值 }]]&gt; ``` 在...

    mfc listbox弹出菜单及删除事件

    在资源编辑器中选择控件，为其设置ID，比如`IDC_LISTBOX`。接下来，我们需要为List Box添加数据项，可以使用`AddString`函数动态添加或者在资源文件中静态定义。 标题中的"mfc listbox弹出菜单"涉及的关键技术是为...

    Win32API实现的ListBox鼠标键盘事件处理Demo

    ListBox控件是Windows用户界面中的一个重要元素，它允许用户从一系列选项中进行选择。在这个示例中，开发者可能已经创建了一个窗口，并在其上添加了一个ListBox，然后通过子类化技术增强了ListBox的行为，使其能够...

    WPF listBox 漂亮的listBOX

    在Windows Presentation Foundation (WPF) 中，`ListBox`是一个常用的数据展示控件，它允许用户从一系列项目中进行选择。本篇文章将深入探讨如何利用WPF的`ListBox`创建一个美观且功能丰富的用户界面。 首先，`...

    js 获取Listbox选择的值的代码

    在这个场景下，我们关注的是如何使用JavaScript来获取一个具有多选功能(Listbox的SelectionMode设为"Multiple")的列表框(Listbox)中用户所选择的值。下面我们将深入探讨这个主题。 首先，我们需要了解`Listbox`的...

    Windows Phone ListBox选用不同的模板

    在本篇文章中，我们将深入探讨如何为Windows Phone的ListBox选择和定制不同的模板，以实现更丰富的视觉效果和交互体验。 首先，我们需要理解ListBox的基本结构。ListBox由一系列数据项构成，每个数据项对应一个...

    ListBox 鼠标拖动多选

    在Windows Presentation Foundation (WPF) 中，`ListBox`是一个常用的数据展示控件，它允许用户通过单击或使用键盘来选择一个或多个项。在某些应用场景下，用户可能需要通过鼠标拖动来实现多选，这能提高交互的效率...

    在ListBox中实现选择项功能

    本文将详细讲解如何在C#环境下利用WinForms的ListBox控件实现选择项功能，包括基本的使用方法、事件处理以及自定义功能。 首先，我们需要了解ListBox的基础属性。`Items`属性用于存储ListBox中的各个选项，可以通过...

    listbox拖拽功能实现

    ListBox控件是Windows Forms应用程序中的一种常见控件，它能够显示一组项目，并允许用户进行选择和拖拽操作。实现ListBox控件的拖拽功能，可以使用户更方便地在不同的ListBox控件之间移动项目。 在这个示例中，我们...

    ListBox实现上下左右移动

    ListBox是Windows Forms和Web开发中常用的一种控件，主要用于显示一系列可选择的项。在本文中，我们将深入探讨如何在Windows Forms或ASP.NET环境中实现ListBox的上下左右移动功能，并支持通过Ctrl键进行多选。 首先...

    delphi Listbox多列显示

    "实现方法.txt"文件很可能包含了详细的实现步骤或技术要点，包括如何处理OnDrawItem事件，如何设置每列的宽度，以及如何处理用户的交互，如点击选择和排序等。 在Delphi中，实现Listbox多列显示的关键在于重写或...

    ListBox中显示图片

    在WPF（Windows Presentation Foundation）应用开发中，`ListBox`是一个常用的数据展示控件，它允许用户通过列表形式查看和选择数据。在这个场景中，我们要讨论如何在`ListBox`中显示图片，这是一个常见的需求，特别...

Magicbox
Global site tag (gtag.js) - Google Analytics