Filters from database in PHP - php

Question

echo 'Qname : <select id ="selector">';
$s = mysql_query('SELECT qid,qname FROM q_table ORDER BY qname');
while($row = mysql_fetch_array($s))
{
$filter = $row['qname'];
$filterid = $row['qid'];
echo '<option value='.$filterid.'>'.$filter.'</option>';
echo '</select>';
echo '<div id='.$filterid.' class="colors" style="display:none;">';
echo '<table>
<tr><th>USERID</th>
<th>QNAME</th>
</tr>';
$publishedqnames = mysql_query('SELECT qid, qname, quserid FROM pub_q');
while($row = mysql_fetch_array($publishedqnames))
{
$qid = $row['qid'];
$qname = $row['qname'];
$quserid = $row['quserid'];
echo '<tr>
<td>'.$quserid.'</td>
<td>'.qname.'</td>
</tr>';
}
echo '</table></div>';
}
when I select qname, the div of that selected filter(filter and qname are same) needs to get displayed
JQUERY FILE
$(function()
{
$('#selector').change(function(){
$('.colors').hide();
$('#' + $(this).val()).show();
});
});
Rightnow Iamn't able to display the correct qid with correct div

Answer 1

Try this
echo 'Qname : <select id ="selector">';
$s = mysql_query('SELECT qid,qname FROM q_table ORDER BY qname');
while($row = mysql_fetch_array($s))
{
$filter = $row['qname'];
$filterid = $row['qid'];
echo '<option value='.$filterid.'>'.$filter.'</option>';
}
echo '</select>';
?>
<script>
$(function()
{
$('#selector').change(function(){
$('.colors').hide();
$('#' + $(this).val()).show();
});
});
</script>
<?php
echo '<table>
<tr><th>USERID</th>
<th>QNAME</th>
</tr>';
$publishedqnames = mysql_query('SELECT qid, qname, quserid FROM pub_q');
while($row = mysql_fetch_array($publishedqnames))
{
$qid = $row['qid'];
$qname = $row['qname'];
$quserid = $row['quserid'];
echo '<div id='.$filterid.' class="colors" style="display:none;">';
echo '<tr>
<td>'.$quserid.'</td>
<td>'.qname.'</td>
</tr>';
echo '</div>';
}
echo '</table>';
please let me know if not working