The Ajax drop-down box is finally completed.

Source: Internet
Author: User

Note: The demo address is malicious.ProgramNo virus exists in the program itself, and I don't know when to start. If a netizen is poisoned, I apologize to him to express my fault, upload the source program for download. I hope you will forgive me,

: Http://files.cnblogs.com/lxxnet/ajaxselect.rar

If you have a friend who is unfortunately poisoned, please download Kabbah 6 and use 2007-07 as the key.
Http://www.cnblogs.com/lxxnet/articles/478739.html

As follows:

Demo address: remove the address because of a malicious program

In the past, the first version was designed to be lazy. When the data volume is large, it cannot be used and is not very common. It is very troublesome to use. Now it is much better than the previous version, and the call is relatively simple, it should be more common, ^ _ ^

Add a JS function and call Code As follows: Function  Showselecttable (classid, returnid)
{
Sethead ( " No. " , " User Name " , " Password " ); // Sets the table header. The size is unlimited.
Setfileds ( " F_id " , " F_username " , " F_password " ); // Set database fields. The size is infinite. The quantity must be the same as the number of headers.
Seturlobjid ( " Getxml1.aspx " , Returnid ); // Set the requested URL and display the return value text box Control ID
Setpagesize ( 15 ) // [Optional] set the page size. The default value is 10.
Setshowfiledname ( False ) // [Optional] whether to display the column name when the value is set. The default value is "show ".
Show (classid) // Show the selection box and set the drop-down box ID parameter (used to take the current value)
}
 
HTML code:
 <  Select  ID  = "Class3"  Onchange  = "Changeid ()"  Name = "Productid"  >  
< Option Value = "5" Selected > 5555 </ Option >
< Option Value = "6"   > 6666 </ Option >
</ Select >

< Input ID = "T1" Type = "Text" Size = 40 Value = "Category 1" >
< A Href = '#' Onclick = "Showselecttable ('class3', 't1 ')" > Select </ A >

Update log: 2006-09-09
Add jump page
Optimized to retrieve only one page of data at a time, which is faster
Add a display box to automatically locate
Add and set the page size
Add customizable skin paths
Fixed an error when the field is null.
Rewrite some code

This is not a big function, so I will not post the Code. If anyone wants it, please leave it in E-mail and I will send it to you. If there are many people to ask, I will upload the package for you to download. I hope you can talk to each other.

Related Article

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.