0

最初の Select オプションから 2 番目の Select オプションにデータを取得するために、このコードを作成しようとしています。

拳の選択:

<select name="league">
<option value="0">------------Please Select League-------</option>
<?php
$sql_league="select * from ".$prev."league";
$re_league=mysql_query($sql_league);
while($d_league=mysql_fetch_array($re_league))
{
?>
<option value="<?=$d_league['id']?>" <?php if($_SESSION['id']==$d_league['id']){?> selected="selected" <?php }?>><?=$d_league['title']?></option>
<?php
}
?>
</select>

2 番目の選択:

<select name="team">
<option value="0">------------Please Select team-------</option>
<?php
$sql_team="select * from ".$prev."team where leagueID=".$d_league['id']."";
$re_team=mysql_query($sql_team);
while($d_team=mysql_fetch_array($re_team))
{
?>
<option value="<?=$d_team['id']?>" <?php if($_SESSION['id']==$d_team['id']){?> selected="selected" <?php }?>><?=$d_team['title']?></option>
<?php
}
?>
</select>

2 番目の選択は、最初の選択からの選択に依存する必要があります (リーグ 1 を選択した場合、2 番目の選択オプションは、そのリーグに割り当てられたチームを表示する必要があります)。

これを機能させる方法はありますか？

4

3 に答える 3

1

これを試して

<select name="league" onChange="bindSecondSelect()">
<option value="0">select</option>
 // your php code
</select>
<select name="team">
 // your php code
</select>
<script type="text/javascript" src="jquery-1.7.js"></script> 
<script type="text/javascript">

function bindSecondSelect()
{
    if($('[name="league"]').val() != "0")
    {
        $('[name="team"]').find('option').css('display','none');
        $('[name="team"]').find('option[value="'+$('[name="league"]').val()+'"]').css('display','block');
    }
}


</script>
于 2013-06-15T11:34:53.210 に答える
0

最初の選択値を持つ関数に ajax リクエストを送信します。この関数は、その値の詳細を取得し、その詳細をブラウザーに返します。その詳細を使用して、2 番目の選択に追加します。

于 2013-06-15T11:32:25.047 に答える