Reprinted please indicate the author (think8848) and the source (http://think8848.cnblogs.com ). Do not modify the content of this article without the consent of the author.
These two days the project will use functions similar to ListBox. I thought there were a lot of jquery plug-ins, but I didn't think it was actually easy to find. What should I do? Let's get it done by myself, so it took me one night t
It is not difficult for jQuery to operate on listbox. It is to move the selected items in listbox to achieve the desired moving effect. The following is an example, if you are interested, it is not difficult to learn how jQuery operates
Jquery implementation code for moving and sorting items in listbox. For more information about jquery and listbox, see. The first step is html code. There are two listbox controls and two buttons on the page for moving projects.
The Code is as follows:
JQUERY-based implementation code for mutual adjustment of two ListBox subitems. For more information, see. HTML:
The Code is as follows:
Color not selected:
Selected color:
Blue Red 132
Ondblclick = "listMove ('colorselect', 'colorunselect', 'hidcolorselect', false, this. selectedIndex )"Size = "8" style = "height: 200px; width: 90%;">Red
JQuery ListBox plug-in imageselect. js jquery select beautification Image Selection
Select is too ugly by default. Here we use the jquery plug-in imageselect. js to beautify the image and select the drop-down menu.
The special effect code for this webpage is as follows:
It is not difficult for jQuery to operate on listbox. It is to move the selected items in listbox to achieve the moving effect we need. In this example, I used the json data structure to dynamically Bind The listbox, so that I can be familiar with the json usage.Let's take a
The jquery operation ListBox principle is not difficult, is to move the selected items in the listbox to achieve the moving effect we need. I used the JSON data structure to dynamically bind the listbox in the example, so I can familiarize myself with how JSON is used.
Firs
It is not difficult for jQuery to operate on listbox. It is to move the selected items in listbox to achieve the moving effect we need. In this example, I used the json data structure to dynamically Bind The listbox, so that I can be familiar with the json usage.
Let's take
First is the HTML code, with 2 ListBox controls and 2 buttons on the page for moving items
Copy Code code as follows:
The following is the binding of some data in the. cs file
Copy Code code as follows:
public partial class _default:system.web.ui.page
{
protected void Page_Load (object sender, EventArgs e)
{
if (! IsPostBack)
{
Binddata ();
}
}
private void Binddata ()
{
ArrayList List=d
Here, two ListBox rules are verified as an example:
• Verification required
• The selection range is from 0 ~ Four Items
Interface code:
Copy codeThe Code is as follows: Select the car type:
Script code:Copy codeThe Code is as follows:
Interface effect:
This example describes the use of a listbox in Wxpython. Share to everyone for your reference. Specific as follows:
# Load a listbox with names, select a name and display in title# experiments with WxPython by Vegaseat 20mar2005# Python V 2.4 and WxPython v2.5# If you had not already do so, install Python 2.4 first.# I used Python-2.4.1c2.msi self-extracting# ms
This article mainly introduces a simple example of ListBox for moving up, down, left, and right. For more information, see.
The Code is as follows:
Select the drop-down menu for Javascript to move and sort each other
Select one or more items and click add or remove (shift or ctrl to select multiple items), or double-click the selected item to add or remove them.
The following shows how to use jquery to control the movement of the selected items in ASP. NET asp: listbox control:
The first step is html code. There are two listbox controls and two buttons on the page for moving projects.
Below are some data bound to the. cs FileCode partial class _ Default: System. Web. UI. Page
{
Protected void Page_Load (object sender, Ev
This article mainly introduces a simple example of how to move up, down, move left, and move right in the listbox implementation. Need friends can come to the reference, I hope to help you. nbsp; nbsp; Code as follows: ; nbsp;
First, html
Code , Put two ListBox controls and two buttons on the page for moving the project
Copy code The Code is as follows: Below are some data bound to the. CS File
Copy code The Code is as follows: public partial class _ default: system. Web. UI. Page
{
Protected void page_load (Object sender, eventargs E)
{
If (! Ispostback)
{
Binddata ();
}
}
Private void binddata (){Arraylist list = dataarray ();For (INT I = 0; I {Listall. Items. Ad
First, html
Code , Put two ListBox controls and two buttons on the page for moving the project
Copy code The Code is as follows: Below are some data bound to the. CS File
Copy code The Code is as follows: public partial class _ default: system. Web. UI. Page
{
Protected void page_load (Object sender, eventargs E)
{
If (! Ispostback)
{
Binddata ();
}
}
Private void binddata ()
{
Arraylist list = dataarray ();
For (INT I = 0; I {
Listall. Items.
First is the HTML code, with 2 ListBox controls and 2 buttons on the page for moving items
Copy Code code as follows:
The following is the binding of some data in the. cs file
Copy Code code as follows:
public partial class _default:system.web.ui.page
{
protected void Page_Load (object sender, EventArgs e)
{
if (! IsPostBack)
{
Binddata ();
}
}
private void Binddata ()
{
ArrayList List=dat
1. Question about jquery getting input value
$ ("") Is a jquery object, not a dom element
Value is the attribute of dom element.
Jquery corresponds to val.
Val (): obtains the current value of the First Matching Element.
Val (val): sets the value of each matching element.
Therefore, the code should be written as follows:
Value: val = $ ("# id") [0]. value;
Assign
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.