列表框的左右移动

 1 <!-- <script type="text/javascript">
 2 function move(a,b)
 3 {
 4    var aObj = document.getElementById(a);
 5    var bObj = document.getElementById(b);
 6    for(var i=0;i<aObj.length;i++)
 7    {
 8       if(aObj[i].selected)
 9       {
10          var opt = new Option(aObj[i].text,aObj[i].value);
11          bObj.add(opt);
12          aObj.remove(i);
13          i--;
14       }
15    }
16 }
17 </script>
18 <table width="40%" border="1" bgcolor="#cecece">
19    <tr>
20       <td><select id="left" size="6" multiple>
21          <option value="1">增加简历</option>
22          <option value="2">删除简历</option>
23          <option value="3">修改简历</option>
24          <option value="4">列表简历</option>
25       </select></td>
26       <td><input type="button" value=">>"
27          onclick="move(‘left‘,‘right‘)"><br>
28       <input type="button" value="<<"
29       onclick="move(‘right‘,‘left‘)"></td>
30       <td><select id="right" size="6" multiple style="width: 80px">
31       </select></td>
32    </tr>
33 </table>
34  -->
35  <!DOCTYPE html>
36  <html lang="en">
37  <head>
38      <meta charset="UTF-8">
39     <title>Document</title>
40      <!--引入框架-->
41     <link href="resource/bootstrap/css/bootstrap.css" rel="stylesheet">
42     <script src="resource/jQuery/jquery-1.11.3.js"></script>
43     <script src="resource/bootstrap/js/bootstrap.js"></script>
44
45     <!--引入自己的js-->
46     <script src="js/demo1.js"></script>
47
48     <style>
49         /*css选择器:class,id,标签,复合选择器*/
50     </style>
51  <body>
52      <script type="text/javascript">
53     function move(a,b)
54     {
55        var aObj = document.getElementById(a);
56        var bObj = document.getElementById(b);
57        for(var i=0;i<aObj.length;i++)
58        {
59           if(aObj[i].selected)
60           {
61              var opt = new Option(aObj[i].text,aObj[i].value);
62              bObj.add(opt);
63              aObj.remove(i);
64              i--;
65           }
66        }
67     }
68     </script>
69     <table width="40%" border="1" bgcolor="#cecece">
70        <tr>
71           <td><select id="left" size="6" multiple>
72              <option value="1">增加简历</option>
73              <option value="2">删除简历</option>
74              <option value="3">修改简历</option>
75              <option value="4">列表简历</option>
76           </select></td>
77           <td><input type="button" value=">>"
78              onclick="move(‘left‘,‘right‘)"><br>
79           <input type="button" value="<<"
80           onclick="move(‘right‘,‘left‘)"></td>
81           <td><select id="right" size="6" multiple style="width: 80px">
82           </select></td>
83        </tr>
84     </table>
85
86  </body>
87  </html>
时间: 2024-08-05 02:37:15

列表框的左右移动的相关文章

Swing列表框组件

public class JListTest extends JFrame{    private static final long serialVersionUID=1L;        public JListTest()    {        Container cp=getContentPane();        cp.setLayout(null);        JList<String> jl=new JList<>(new MyListModel());  

20151214学习内容:Web之列表框

列表框: ListBox 1. 绑定数据 方法一: testDataContext context = new testDataContext(); ListBox1.DataSource = context.Nation; ListBox1.DataValueField = "Code"; ListBox1.DataTextField = "Name"; ListBox1.DataBind(); 绑定数据 方法二: ListItem item = new List

WB 列表框

列表框 HTML代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&qu

MVC4.0中下来列表框的,两种使用方法DropDownList

后台控制器代码 public ActionResult Drop() { var list = new List<SchoolInfo>(); list.Add(new SchoolInfo() { SchoolID = 1, SName = "北京大学" }); list.Add(new SchoolInfo() { SchoolID = 2, SName = "上海大学" }); var model = new UserViewInfo(); mod

积累的VC编程小技巧之列表框

1.列表框中标题栏(Column)的添加 创建一个List Control,其ID为IDC_LIST,在其Styles属性项下的View项里选择Report.Align项里选择Top.Sort项里选择None. 然后在该List所在对话框的类(头文件)里创建ClistCtrl的一个对象m_list然后在.cpp文件的OnInitDialog()之类的函数里实现如下代码: CString strname[3]; strname[0]="Screen Name"; strname[1]=&

17windows_17_listbox列表框

17windows_17_listbox列表框 #include <windows.h> #include <iostream> #include "resource.h" CHAR szText[256] = { 0 }; #define PrintLog(x) WriteConsole(g_hStdout, x, strlen(x), NULL, NULL) HINSTANCE g_hInst = NULL; //窗口句柄 HANDLE g_hStdout

webform下拉列表、列表框

下拉列表:DropDownList 1.绑定数据: DropDownList1.DataSource = context.Nation; DropDownList1.DataValueField = "Code"; DropDownList1.DataTextField = "Name"; DropDownList1.DataBind(); 2.取选中项的值 DropDownList1.SelectedValue.ToString(); 3.设置哪一项选中 Drop

java界面编程(9) ------ 列表框

本文是自己学习所做笔记,欢迎转载,但请注明出处:http://blog.csdn.net/jesson20121020 列表框和JComboBox组合框明显不同,这不仅仅是体现在外观上.当激活JComboBox组合框时,会出现下拉列表:而JList总是在屏幕上占据固定行的空间,大小也不会改变.如果要得到列表框中被选中的项目,只需调用getSelectValues(),它可以产生一个字符串数组,里面是被选中的项目名称. 另外,JList组件也允许多重选择,要是按住ctrl键,连续在多个项目上单击,

文本框和列表框的click事件

#region 文本框和列表框的click事件        private void tbORcbb_click(object sender, EventArgs e)        {            if (typeof(TextBox).IsInstanceOfType(sender))            {                if (!ifSelected)                {                    ((TextBox)sender)

如何解决列表框控件宽度不够的问题

在设计界面的时候,我们经常会用到类似于列表框.组合框之类的控件,他们可以显示一系列的选项.但有一个常见的问题就是:如果列表项的文本长度超过了控件的宽度,那么就只能看到一部分内容.针对这个问题,该如何解决了? 我们分别以windows程序和web程序为例来讲解(前提是,组合框的宽度不允许放大) 下面这个图演示了如果列表项的文本宽度不大于控件宽度时的样子,这是正常的 下面这个图演示了如果列表项的文本宽度大于控件宽度时的样子,这时会有一部分文本是看不到的 那么如何解决这个问题呢?我们一般比较简单的做法