June 23, 2013

Dropdown List with Search Facility using Jquery ( Asp .Net)

25 comments

Hello,
Today i want to share the code which provide the serach falicity on the dropdown list control of the asp .net

instead of <select> </select> of standard HTML tag......  you can use dropdownlist with search facility using JQUERY  ....

this is based on jqery form HARVEST  

check here demo DEMO

I will implement this jquery on dropdown list , make it quit simple to implement and understand

check below code

on the head tag insert below code :

Head

          
    Dropdown With Search - V1
    

Markup

        

JavaScript

       
  
  
  
  

You can also Download Example Below :


Download Example- V2

Credits & Original Source


25 comments:

  1. Replies
    1. Thanks....
      More code is coming stay tuned... and share if you like

      Delete
  2. Very useful information provide by u
    thanx


    ReplyDelete
  3. not working for me..i tried every thing still no success..Please help me fix this issue

    ReplyDelete
  4. Tried copy paste the article code..Downloaded the project. But still it is showing simple dropdownlist instead of search dropdownlist.. Please help me resolve this

    ReplyDelete
    Replies
    1. Hi Lalit,
      sorry for inconvenience with demo. I uploaded new demo with latest version of js and also added original source and link at bottom so you can do with it more.

      always happy to help; contact if you have any trouble with it.

      Thanks

      Delete
  5. This comment has been removed by the author.

    ReplyDelete
  6. Hii,
    what an brilliant article, bt i have one issue as soon as fires its selection change index event the dropdown becomes like default drodown all its css and selection option disappears, and dropdown comes to it default state, like default dropdown control.

    ReplyDelete
    Replies
    1. Hi Husein,
      Thanks for like this article. i have checked out demo as per your comment and make minor changes in code to make css as default to drop down during post back or page load.

      Please download latest demo from given download link as above.
      Always happy to help; contact if you have any trouble with it.

      Thanks.

      Delete
  7. when i use SiteMaster in asp.net webform dont work
    can you help me !

    ReplyDelete
  8. Excellent info, Thanks for your effort..
    But, i have some issue while using inside ajax tab container.
    It works fine on the loading tab.
    But control not loading well on tab changing.
    Could u plz help me..

    ReplyDelete
    Replies
    1. Can you attach code or email me so i will look into it.

      Delete
  9. its working fine on load but not working after selected index change event

    ReplyDelete
  10. Its not work in Update Panel
    when page load first time its work. but when post back when became simple drop down

    ReplyDelete
  11. I need help which I stated below.

    I downloaded the code Download Example V2 at the bottom of this link http://www.infologs.net/2013/06/dropdown-list-with-search-facility.html

    I changed the body tag like below

    body style="background-color: #496277; margin: 0px; padding:0px; " dir="rtl"

    If the body tag is ltr everthing is working perfect. But if I change this to rtl then on selection change of item leading the wrong design of the popup screen.For solving this issue where should i make change? Can anyone pls help?

    ReplyDelete
  12. Replies
    1. Please let me know i need help this is my below code how to apply select search class

      how can i apply in this as search and if not match then reply not match found



      All
      Open
      Submited
      Review Comment
      Closed

      thank you in advance

      my mail id is : hsapara@gmail.com please code me in this mail id

      Delete
  13. The blog and data is excellent and informative as well
    company formation hong kong

    ReplyDelete
  14. when this dropdown used inside update panel the style lost when selected index changes of dropdown give me solution for that.

    ReplyDelete
  15. it's not working when dropdown is getting bind using ajax or when we are using updatepanel. please fix it??

    ReplyDelete
  16. hi Pradip Baria very that what you did so i need this
    dropdownlist with searchable in my work
    can you send it to me ... my gmail :
    haiderjaafer6.9@gmail.com

    ReplyDelete

COMMENT ON THIS OR GIVE ANY SUGGESTIONS & IDEAS