Wednesday, February 26, 2014

autocomplete textbox using jquery

AUTOCOMPLETE TEXTBOX USING JQUERY

DESCRIPTION:

         THE TEXT BOX WITH AUTO SUGGESTION OR AUTO COMPLETE TEXT BOX CAN BE DONE WITH THE USE OF JQUERY 1.9.1 JS AND JQUERY UI 1.10.4.

STEP 1: CREATE A TEXT BOX WITH SOME NAME ANY ID.

STEP 2: NOW ON THE HEADER SECTION ADD THE FOLLOWING CODE


STEP 3:  AFTER ADDING THE STYLE AND SCRIPT ON THE HEADER SECTION ADD THE FOLLOWING SCRIPT IN BODY OR HEAD OF THE HTML, WITH THE NO. OF INPUTS FOR THE AUTO SUGGESTION TEXTBOX.



STEP 4:

ADD THE UI CLASS AS SHOWN BELO IN THE TEXTBOX TAG


NOW YOU HAVE DONE NOW TYPE AND SEE THE INPUT, FOLLOWING SHOWS THE RESULT OF MY EXAMPLE.





No comments:

Post a Comment