ダイナミックコンボボックスを表示/非表示

Question

私はmysqlからのクエリによって生成される2つのコンボボックスを持っています。

最初のコンボボックスで値を選択すると、2番目のコンボボックスが表示される必要がありますが、何も選択されていない場合、2番目のコンボボックスは表示されません。 コード：

<?php 
echo "<form method= \"post\" name=\"formcombo\" action=''>"; 
echo "<select name='cat' onchange=\"reload(this.form)\"><option value=''>Choose main category</option>"; 
while($cat2 = mysql_fetch_array($query2)) { 
if($cat2['category_id']==@$category) 
{ 
echo "<option value='$cat2[category_id]'>$cat2[category_name]</option></br>";} 
else 
{ 
echo "<option value='$cat2[category_id]'>$cat2[category_name]</option>"; 
} 
} 
echo "</select></br>"; 
echo "<select name='subcat'><option value=''>Choose subcategory</option>"; 
while($cat = mysql_fetch_array($query1)) { 
echo "<option value='$cat[subcat_name]'">$cat[subcat_name]</option>"; 
    } 
echo "</select>"; 
echo "<input type=\"submit\" value =\"Submit\">"; 
echo "</form>"; 
?> 

私はコンボボックスの値を生成するためにJavaScriptを使用します。

<script type="text/javascript"> 
function reload(form){ 
var val=form.cat.options[form.cat.options.selectedIndex].value; 
self.location='main.php?cat=' + val ; 
} 
</script> 

Answer 1

あなたはjQueryのjsのライブラリで大丈夫であれば、それは簡単です。 このjQueryプラグインを参照してくださいhttp://plugins.jquery.com/project/selectchain

このページで提供されているデモを試し、プラグインを使用してください。