Listbox 多选、单选、以及移除操作

最新推荐文章于 2022-09-03 20:01:44 发布
最新推荐文章于 2022-09-03 20:01:44 发布
阅读量254 收藏
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/shenrq163/archive/2013/05/22/3093662.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title></title> 
</head> 
<body> 
<script language="JavaScript" type="text/javascript"> 
<!--  
function addIt(){  
   var input = document.getElementById("input");  
   var output = document.getElementById("output");  
   for(i = 0; i < input.length; i ++ )   {  
      if(input[i].selected == true)      {  
         if( output.length == 0){  
            var option = new Option();  
            option.text = input[i].innerText;
　　　　option.value = input[i].value;  
            output.add(option);  
         }  
 
         var isExist = false;  
         for(j = 0; j < output.length; j ++ ){  
            if (output[j].text ==  input[i].innerText){  
               isExist = true;  
               break;  
            }  
         }  
 
         if (isExist == false){  
            var option = new Option();  
           option.text = input[i].innerText;  
　　　　option.value = input[i].value;
           output.add(option);  
        }  
      }  
   }  
}  
 
function deleteIt(){  
    var output = document.getElementById("output");  
   for(i = 0; i<output.length; i++){  
        if (output[i].selected == true){  
           output.options.removeChild(output[i--]);  
        }  
    }  
 
}  

//取值
 function GetValue() {
            var strlist = document.getElementById("output"); //获取Listbox
            var str = "";
            //遍历Listbox，取得选中项的值
            if (strlist.options.length > 0) {
                for (var i = 0; i < strlist.options.length; i++) {
                    //                    if (strlist.options[i].selected == true) {
                    var j = strlist.options[i].value;
                    str += j + ","; //把Value值串起来
                    // }
                }
                var strValue = str.replace(/,$/, ""); //去掉最后一个逗号
                //alert(strValue);
                var hid = document.getElementById("hidAPPID");
                hid.value = strValue;
                alert(hid.value);
            }
            else {
                alert("No Item in Listbox");
            }
        }


// --> 
</script> 
<table width="80%" border="0" align="center" style="margin-top:20px;"> 
  <tr> 
    <td align="right"> 
      <select name="input" size="10" multiple="multiple" id="input" style="width:200px; font-size:16px"> 
        <option>美元/英镑</option> 
        <option>美元/港币</option> 
        <option>美元/新加坡元</option> 
        <option>美元/日元</option> 
        <option>美元/加拿大元</option> 
        <option>美元/欧元</option> 
     </select> 
    </td> 
   <td align="center"> 
      <p> 
        <input type="button" name="Submit" value="增  加" οnclick="addIt()"/> 
      </p> 
      <p> 
        <input type="button" name="Submit2" value="删  除" οnclick="deleteIt()"/> 
      </p> 
    </td> 
    <td> 
     <select name="output" size="10" multiple="multiple" id="output" style="width:200px; font-size:16px"> 
      </select> 
   </td> 
  </tr> 
</table> 
</body> 
</html> 

 

学习自CSDN

 

转载于:https://www.cnblogs.com/shenrq163/archive/2013/05/22/3093662.html

aiyonglun1153
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
python单选按钮取消_wxPython菜单取消选择所有单选按钮(wx.RADIO_项)
weixin_42299205的博客
01-29 309
我正在开发我的第一个wxpython应用程序。它是一个命令行实用程序的GUI，需要连接到samba共享。现在我想将服务器选择作为单选按钮添加到菜单中。Im将ConfigParser用于设置ini文件，该文件还保存默认服务器的配置以及它应该连接的服务器。在现在我想取消选择所有单选按钮，如果没有选择默认服务器，并且程序没有连接到启动。在以下是我在菜单中添加收音机选项的代码：(我知道这可能会做得更好，但...
listbox 多选删除（找了好多都不行，终于让我写出来了）
weixin_30758821的博客
12-23 225
方法一：两个for循环 aspx.cs private string id=""; protected void btn_del_Click(object sender, EventArgs e) { for (int i = 0; i < typeList.Items.Count; i++) { ...
dev中ASPxListBox单选和多选的设置
weixin_30502965的博客
11-28 303
只需要设置SelectionMode，为Multiple时是单选，CheckColumn时是多选 转载于:https://www.cnblogs.com/heyiping/p/10031900.html
asp.net中ListBox的多选情况
feng2375的专栏
11-28 3812
ASP.NET中添加控件ListBox , 属性设为 Multiple , 则可进行多选.就以两个listbox之间多选添加项目为例.两个控件为listboxleft , listboxright 定义了一个动态数组用于中间存储 arrRight .具体代码如下://读取右边选中项目   ArrayList arrRight = new ArrayList();   foreach(ListIte
wxpython中listbox用法，单选和多选
qq_41616600的博客
12-22 2620
import wx class MyFrame(wx.Frame): def __init__(self): super().__init__(parent=None,title="vbox",size=(500,200),pos=(100,100)) #继承wx.Frame类 self.Center() panel = wx.Panel...
listbox控件介绍
05-03
ListBox控件是Windows Forms和WPF（Windows Presentation Foundation）等.NET框架下的一个控件，它允许用户从一系列选项中进行单选或多选。这些选项通常以列表形式呈现，用户可以通过点击或使用键盘上的上下箭头键来...
在ListBox控件间移动列表项.rar_ListBox_VB listbox
09-23
3. **SelectionMode**: 定义用户可以选中多少个列表项，如Single（单选）、MultiSimple（多选，不能拖放）和MultiExtended（多选，支持拖放）。 关键的方法包括： 1. **AddItem**: 向列表框中添加一个新的项。 2. *...
易语言源码易语言列表框多选.rar
03-30
列表框（ListBox）是用户界面中常见的一种控件，它允许用户从一系列项目中进行选择。在传统的编程中，列表框通常只允许单选，即用户只能选择一个条目。然而，在某些情况下，我们需要让用户能够同时选择多个条目，这...
Listbox的运用
04-02
`Listbox`可以是单选或多选的，这意味着用户可以选择一个或多个条目。 ### 在MFC中的`Listbox`操作 在上述代码片段中，我们看到了如何在Microsoft Foundation Classes（MFC）框架下使用`Listbox`。MFC是基于...
B43.rar_ListView/ListBox_Visual_C++_
08-12
2. **多选模式**：可以设置ListBox为单选或多选模式，用户可以选取一个或多个项。 3. **滚动条**：根据需要，ListBox可以自动添加水平或垂直滚动条。 4. **获取选中项**：通过`GetCurSel`函数获取当前选中的项索引，...
vba中ListBox控件的使用
weixin_30695195的博客
11-08 6430
给ListBox添加内容 If CheckBox8 = True Then---------------------------checkbox控件被选中 For i = 0 To ListBox1.ListCount - 1--------------循环将值赋到ListBox中 If i < ListBox1.ListCount Then '...
ListBox多选模式(SelectionMode=Multiple)的使用
weixin_30699741的博客
07-13 2592
ListBox多选模式(SelectionMode=Multiple)的使用 把ListBox的属性设为:SelectionMode=Multiple 可以实现ListBox的多选功能. 要获取这些选中的ListItem,在WinForm下轻而易举! this.lst_AXzhz.SelectedItems; 但在ASP.NET下却要麻烦一些!(也可通过脚本实现.麻烦,只用在不进...
listbox多选问题
紫藤阁
02-25 3504
1.listbox控件如何多选取值  将listbox控件中的selectionmode属性值设置为multiple,listbox控件可以支持多选 取值问题   假设控件为listbox1  Dim i As Integer        Dim str As String        For i = 0 To ListBox1.Items.Count - 1   
Excel通过VBA实现筛选多选功能
热门推荐
Hello,world!
01-18 1万+
今天下午一直比较纠结，想形成Excel筛选多选功能，发现通过 数据–数据验证–数据验证功能，只能实现 序列单选功能，如图： 而我想实现多选功能，肿么办？网上搜索，大部分是ExcelHome技术网站上大牛蓝桥玄霜的示例。可我按示例操作，也一直显示错误，需要调试。经过仔细研究，终于发现应该如何操作： 1、在表格中添加ListBox控件 通过拖拽，产生ListBox控件，然后需要将控件绑定的数据添加...
ListBox操作一些总结
aishan6913的博客
11-04 145
Code Code ASP.NET中添加控件ListBox,属性设为Multiple,则可进行多选. 就以两个listbox之间多选添加项目为例. 具体代码如下: //对ListBox编辑操作 publicvoidEditLst(ListBoxlst1,ListBoxlst2) { ...
在C#中实现listbox的项添加与移除（winform）
zjk20108023的专栏
03-26 7884
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; namesp
matlab的listbox选择多行_matlab的listbox控件用法和属性
weixin_39886619的博客
12-19 2957
1.属性列表：SelectionMode组件中条目的选择类型，即多选(Multiple)、单选(Single)Rows列表框中显示总共多少行Selected检测条目是否被选中SelectedItem返回的类型是ListItem，获得列表框中被选择的条目Count列表框中条目的总数SelectedIndex...
4. C# :单选框RadioButton、标签Label、列表框ListBox
chairon的博客
09-03 1804
Doker属性：作为基础布局。可以让控件完全贴靠某一方向，或者铺满整个容器。置于底层可以铺满容器。
C# 将列表框ListBox中的选中项删除，添加
weixin_49035356的博客
01-18 5487
//button3_Click是删除按钮 //listBox1是列表框 private void button3_Click(object sender, EventArgs e) { //由于列表框控件中允许多选所以需要循环删除所有已选项 int count = listBox1.SelectedItems.Count; List<string> itemValues = new List<string&g
wpf listbox多选
最新发布
06-03
在 WPF 中，ListBox 默认支持多选。只需要在 ListBox 控件的 SelectionMode 属性中设置为 Multiple，就可以启用多选功能。在多选模式下，用户可以通过 Ctrl 键或 Shift 键选择多个项。 下面是一个简单的示例，演示如何在 ListBox 中启用多选功能： 1. 创建一个新的 WPF 项目，并在 MainWindow.xaml 中添加以下代码： ```XAML <Window x:Class="WpfApp1.MainWindow" ... xmlns:system="clr-namespace:System;assembly=mscorlib"> <StackPanel> <ListBox Name="ListBox" SelectionMode="Multiple"> <system:String>Item 1</system:String> <system:String>Item 2</system:String> <system:String>Item 3</system:String> <system:String>Item 4</system:String> <system:String>Item 5</system:String> </ListBox> <Button Content="Get Selected Items" Click="Button_Click"/> </StackPanel> </Window> ``` 2. 在 MainWindow.xaml.cs 中添加以下代码： ```C# private void Button_Click(object sender, RoutedEventArgs e) { foreach (string item in ListBox.SelectedItems) { MessageBox.Show(item); } } ``` 在上面的代码中，我们创建了一个 ListBox 控件，并将其 SelectionMode 属性设置为 Multiple，以启用多选功能。然后，我们添加了一些 ListBoxItem，用于演示多选功能。 我们还添加了一个按钮，用于在用户选择多个项后获取选定的项。当用户单击按钮时，我们遍历 ListBox.SelectedItems 集合，并使用 MessageBox 显示每个选定的项。 现在，运行程序并选择多个项，然后单击按钮，就可以看到选定的项。 注意：在 WPF 中，ListBoxItem 的默认样式是不带复选框的。如果你想要添加复选框，请参考 WPF 中如何添加复选框到ListBoxItem的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值