Hello

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>
<select id="district"></select>

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

        }
</script>

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??

Be a part of the DaniWeb community

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