Demo of linked drop down list by using Ajax & PHP


Name:
Select one
Category :
SubCategory :



Submit this form and see how the form components data are available in action page of the form.

Demo multiple selection drop down list

Return to tutorial on Ajax PHP drop down list box

download script

Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com




    Thulasiram

    17-07-2013

    good work
    piyush

    16-08-2013

    i want to populate second and third drop down with same value after selecting the first drop down through ajax and php.
    example - after selecting country, rest of two drop down should populate with same cities name related to that country.
    please help me in this problem.
    thanx waiting for response.
    divya

    08-11-2013

    thanks, it ws gr8 help
    benj

    06-03-2014

    Hi. I want to use your codes for my wordpress site. I supposed dd.php, main.php and mainck are all i need for the ajax version of the dropdown.

    But where should i put these files? I don't need the config.php since i'm using global $wpdb. THe javascript i put in my header. The Dropdowns i put in my page. But how about the dd.php?
    wayne

    02-04-2014

    Greetings. This solution has worked great for 2 years; however, when there are more than 100 records in a given category, that category does not get populated in the 2nd dropdownlist. Do you have any recommendations? Urgently needed and great work!
    smo

    04-04-2014

    In the table structure you have Type for cat_id and subcat_id like this

    subcat_id int(3)
    cat_id(2)

    Increase the number by one

    subcat_id(4)
    cat_id(3)

    That will solve the problem. You should login to your database ( phpmyadmin ) and change / edit the each field structure.
    sword

    20-07-2014

    can you make it so that the second list is not displayed until 1st is selected?
    Jitendra Kumar

    26-07-2014

    good
    anna

    28-08-2014

    can you please tell me how can I get selected item from drop down list in text box.

    thanks in advanced.
    anna

    28-08-2014

    Hello sir, how can i show the selected item from drop down list in text at same page without reloading page.
    Hassan

    14-10-2014

    For example when i selected Colors from one dropdwon then Red is selected another dropdown so w=hen i submitted next page show Red and when i back to this page so Colors is selected but Red is not selected .?? how this is possible ??
    talat hussain

    11-12-2014

    i would like you work thanls....
    Talat Hussain

    11-12-2014

    suggest me how to work in drop down list if add new record add then how to new record in drop down list without reload page
    Yash Mehta

    01-02-2015

    Good Demo Given By you
    nOOb

    26-03-2015

    nice tutorial thanks !1
    sepudin

    02-06-2015

    Thanks for this script,
    i need help,i use this script for my project and i need to know how if i want use this script in same page using "while" or "for" looping?is it possible?
    smo1234

    02-06-2015

    It is possible, but not clear exactly what you want to do ?
    vishnu

    19-06-2015

    very helpfull
    Abbas Ahmad

    21-03-2017

    on localhost page is refreshing. "When I change the select option the page refreshes and all of my form data is lost
    smo1234

    22-03-2017

    You are using wrong script, try to use the script with Ajax. The page should not reload so your form data will remain.

    Post your comments , suggestion , error , requirements etc here .




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2021 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer