JQuery Population dropdown from other

Question

Я населяю drowpdown из другого раскрывающегося списка. Все в порядке в первый раз, но когда я снова меняю первый раскрывающийся список, предыдущие значения по-прежнему отображаются во втором раскрывающемся списке. Следующий код, который я использую для заполнения второго выпадающего списка!

<select id="NextSession" name="NextSession"> 
<option value="1">Coffee</option> 
<option value="2">Tea</option> 
</select> 

<select id="NextSectionId" name="NextSectionId"> 
<option><option> 
</select> 

$("#NextSession").blur(function() { 
$("#NextSectionId").load("/GetData/" + $("#NextSession").val()); 
}); 

Вот мой PHP код:

$UniqueId=$_GET['UniqueId']; 
$query2="select ClassName,SectionName,SectionId from class,section where class.ClassId=section.ClassId and class.ClassStatus='Active' and section.SectionStatus='Active' and class.Session='$UniqueId' order by ClassName"; 
$check2=mysql_query($query2); 
while($row2=mysql_fetch_array($check2)) 
{ 
$SelectClassName=$row2['ClassName']; 
$SelectSectionName=$row2['SectionName']; 
$SelectSectionId=$row2['SectionId']; 
echo "<option value=\"$SelectSectionId\">$SelectClassName $SelectSectionName</option>"; 
} 

Пожалуйста, скажите мне, что это проблема !!

Вот живой пример!

myraipur.com/test/test.php

выбрать любой вариант в первом раскрывающемся меню выберите из второй ... затем пойти на первый и второй выпадающий остается, как это !!!

Answer 1

Попробуйте изменить bur обратный вызов change и перед сделать новый запрос очистить все старые значения.

Что-то вроде этого:

$("#NextSession").change(function() { 
    $("#NextSectionId").empty(); 
    $("#NextSectionId").load("/GetData/" + $("#NextSession").val()); 
}); 

Некоторые внешние ссылки: jQuery.load jQuery.empty

Answer 2

Попробуйте очистить второй выбор перед загрузкой содержимого

$("#NextSession").blur(function() { 
    $("#NextSectionId").html(''); //emptying select field 
    $("#NextSectionId").load("/GetData/" + $("#NextSession").val()); 
});