<html>
<head>
<script type="text/javascript">
function selectBoxRemove(sourceID) {
//get the listbox object from id.
var src = document.getElementById(sourceID);
//iterate through each option of the listbox
for(var count= src.options.length-1; count >= 0; count--) {
//if the option is selected, delete the option
if(src.options[count].selected == true){
try {
src.remove(count, null);
} catch(error) {
src.remove(count);
}
}
}
}
function listboxSelectDeselect(listID, isSelect) {
var listbox = document.getElementById(listID);
for(var count=0; count < listbox.options.length; count++) {
listbox.options[count].selected = isSelect;
}
}
function listboxMove(listID, direction) {
var listbox = document.getElementById(listID);
var selIndex = listbox.selectedIndex;
if(-1 == selIndex) {
alert("Please select an option to move.");
return;
}
var increment = -1;
if(direction == 'up')
increment = -1;
else
increment = 1;
if((selIndex + increment) < 0 ||
(selIndex + increment) > (listbox.options.length-1)) {
return;
}
var selValue = listbox.options[selIndex].value;
var selText = listbox.options[selIndex].text;
listbox.options[selIndex].value = listbox.options[selIndex + increment].value
listbox.options[selIndex].text = listbox.options[selIndex + increment].text
listbox.options[selIndex + increment].value = selValue;
listbox.options[selIndex + increment].text = selText;
listbox.selectedIndex = selIndex + increment;
}
</script>
</head>
<body>
Click on below button. Now change some values in form and click the button again. <br>
<select id="lsbox" name="lsbox" size="10" multiple="multiple">
<option value="1">India</option>
<option value="2">United States</option>
<option value="3">China</option>
<option value="4">Italy</option>
<option value="5">Germany</option>
<option value="6">Canada</option>
<option value="7">France</option>
<option value="8">United Kingdom</option>
</select> <br>
<button onclick="selectBoxRemove('lsbox');">Delete Selected Options</button>
<button onclick="listboxSelectDeselect('lsbox', true);">Select All</button>
<button onclick="listboxSelectDeselect('lsbox', false);">Deselect All</button>
<button onclick="listboxMove('lsbox', 'up');">Move Up</button>
<button onclick="listboxMove('lsbox', 'down');">Move Down</button>
</body>
</html>
分享到：
相关推荐
在本文中，我们将深入探讨如何在ListBox中动态地添加、删除数据，以及实现项目的上移和下移功能，所有这些操作都在无刷新的情况下进行，提供流畅的用户体验。 1. 动态添加数据： 在Windows Forms或Web应用中，可以...
实现上移下移功能，具体绑定一个数据源，操作数据源，最后把数据源赋值给数据源。
反之，取消选中“全选”时，所有项都会被取消勾选。 在列表中选中部分数据项目时，“全选”框会呈现不确定状态（Indetermine）。 由此看出，“全选”复选框与列表项中的复选框达到了双向控制的效果。 其设计思路：...
在本教程中，我们将探讨如何利用C#实现复选框来控制DataGridView的数据全选、反选以及全不选，并在选中复选框后改变行的颜色。这将涉及到事件处理、数据绑定、自定义样式等多个方面。 首先，我们需要创建一个包含复...
在Windows Presentation Foundation (WPF) 中，CheckBox是一个常用的控件，用于表示两种状态：选中或未选中。在开发用户界面时，特别是在涉及到多选列表时，全选和反选功能是常见的需求。本教程将详细介绍如何在WPF...
在前端开发中，经常需要处理用户界面的各种交互操作，其中之一就是列表框（listbox）的全选和反选功能。本文重点介绍了如何使用JavaScript实现对HTML中的select元素进行全选和反选的方法，这是前端开发中经常遇到的...
最后，别忘了处理LB_SELCHANGE消息，以更新选中项的状态，确保在右键点击时，已选中的项能够正确反映在菜单上。 通过以上步骤，我们就能在MFC的ListBox控件中实现选中项后右键弹出菜单的功能。这只是一个基础示例，...
在JavaScript中，我们可以通过`document.getElementById`方法获取到指定ID的`<select>`元素对象，然后通过遍历其`options`属性来获取选中的项。具体实现如下： ```javascript function GetValue() { var strlist =...
在本文中，我们将深入探讨如何使用JavaScript实现ListBox的上移、下移、左移和右移功能，这通常用于用户交互，如调整列表顺序或者在两个ListBox之间移动选项。 首先，我们需要一个包含多个选项的ListBox。在提供的...
### c# ListBox 删除选定的多项 在C#编程语言中，`ListBox` 是一个非常实用的控件，常用于显示一系列选项供用户选择。当涉及到从`ListBox`中删除选定的多项时，有两种常见的实现方法：一种是直接删除，另一种是通过...
本文将详细介绍如何通过JavaScript在用户双击列表项时实现移除`Listbox`选项的功能，并且做到无刷新页面。 #### 技术背景 - **服务器控件**：ASP.NET提供了多种服务器端控件，包括`Listbox`。这些控件可以绑定到...
例如，"全选"操作通常涉及到对列表框(ListBox)或复选框(CheckBox)的处理，我们可以通过设置控件的属性来完成。对于列表框，可以设置"全选"属性为真(True)，则所有项都将被选中；反之，如果设置为假(False)，则所有项...
要实现上下移动项的功能，我们需要编写两个主要的事件处理程序：一个用于上移，另一个用于下移。这些操作通常与按钮的点击事件相关联。以下是一个简单的实现步骤： 1. **初始化界面**：在设计视图中，放置一个...
例如，将选中的项移至另一ListBox，可以执行以下操作： ```csharp protected void MoveLeft_Click(object sender, EventArgs e) { ListBox1.Items.AddRange(ListBox2.SelectedItems.Cast().ToArray()); ...
在按钮的Click事件处理程序中，我们检查ListBox的SelectedIndex，然后将选中项移动到正确的位置。 代码示例： ```vb.net Private Sub ButtonUp_Click(sender As Object, e As EventArgs) Handles ButtonUp.Click ...
本文将详细讲解如何在C#环境下利用WinForms的ListBox控件实现选择项功能，包括基本的使用方法、事件处理以及自定义功能。 首先，我们需要了解ListBox的基础属性。`Items`属性用于存储ListBox中的各个选项，可以通过...
在JavaScript编程领域，Listbox和TreeView是两种常用的用户界面（UI）控件，它们用于提供交互式的列表和树形结构数据展示。这次的更新聚焦于这两个控件的功能增强，特别是针对选择机制的优化。 首先，让我们详细...
【使用JavaScript实现ListBox的全选、单选与多选功能】 在网页开发中，ListBox控件经常用于数据的展示和用户交互，特别是涉及到选择项的操作。JavaScript作为一种客户端脚本语言，能够有效地处理用户与ListBox之间...
在探讨“ListBox项的双击事件”这一主题时，我们首先需要理解ListBox控件的基本功能以及如何处理用户交互，特别是双击事件。ListBox是Windows Forms和WPF等图形用户界面框架中常用的一种控件，用于展示一系列选项供...