I am trying to load a select option depending on the value selected on another select option

<select id="state" onchange="SelectValue();">
    <option value="State1">State1</option>
    <option value="State2">State2</option>
    <option value="State3">State3</option>
<select id="district"></select>

<script type="text/javascript">
        function SelectValue()
            var e = document.getElementById("mfr");
            var Val = e.options[e.selectedIndex].value;


I want to call this function GetDistrict(Val) from javascript function SelectValue and display the result in select box with id district.

function GetDistrict($stateID)
    $query="select * from tabledistrict where stateId="+$stateId;
    ...............//here i am fetching the district names in this function

Any help will be greatly appreciated.
I have been browsing the net for this, and i have come across using ajax. As i am new to ajax, i want to know if this can be done with plain javascript??

Recommended Answers

AJAX programing is best solution for this kind of requirements

go thru the following link it may helps you



let me know if you have any doubts in my …

Jump to Post

All 2 Replies

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.