Заполнить список флажков в зависимости от выбора выпадающего списка

Question

Я создаю форму, которая заполняет div флажками, связанными с медиафайлами, которые была загружена группой пользователей. В принципе, если пользователь выбирает имя группы из выпадающего меню, все связанные с ним файлы мультимедиа будут отображаться в форме флажка.

В раскрывающемся меню доступны его параметры из базы данных, параметры не всегда будут известным количеством.

<select name="gpname" id="gpname"> 
<option value=""></option> 
<?php 
$results = mysql_query("SELECT * FROM usergroups ORDER BY groupname");    
while($row = mysql_fetch_array($results)) { 
    echo ('<option value="'); echo ($row['groupname']); echo('">'); echo $row['groupname']; echo('</option>'); 
}; ?> 
</select> 

Тогда вот ДИВ:

<div style="overflow: auto; width: 500px; height: 100px; border: 1px solid #c4c4c4; padding-left: 5px" id="medialist"></div> 

Что бы быть лучшим способом пойти об этом?

Answer 1

Создайте файл PHP, который получает выбранный параметр и отображает форму флажка.

С помощью Ajax вызовите файл PHP с выбранным параметром и установите содержимое в div.

function setCheckforms(){ 

var selectedOption = document.getElementById("gpname").value; 

    $.ajax({ 
     async: false, 
     type: "POST", 
     url: 'file.php', 
     data: {option:selectedOption}, 
     success: function(data){ 
      $('#medialist').html(data); 
     }, 
     error: function(data) { 
     } 
    }); 

} 

Не забывайте вызывать функцию всякий раз, когда опция изменяется.

<select name="gpname" id="gpname" onchange="setCheckforms()"> 

Мой код не проверен. Если у вас есть проблемы, дайте мне знать: D