0

index.php に次のコードがあります (index.php には独自の CSS ファイルがあります)。

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("select").click(function() {
    var destino = document.formu0.list0.value
    var lista = "#listaP"+destino;
    $(lista).toggle(2000)
 });
});
</script>

また、別のファイルには、html コードを生成する php コードがあります。menuP は、(display: none; padding-right: 10px;) を含むタグです。

echo '<tr>';
echo '<td>';
echo '<div id="lista0">';
echo '<form name="formu0">';
echo '<select size="10" name="list0">';
for ($i = 0; $i < count($cidades); $i++)
    echo '<option value="'.($i).'">'.$cidades[$i][0].'</option>';
echo '</select></form></div></td>';

echo '<menuP>';
for ($i = 0; $i < count($cidades); $i++)
{
    $k = 0;
    echo '<td>';
    echo '<div id="listaP'.$i.'">';
    echo '<form name="formuP'.$i.'">';
    echo '<select size="6" name="listP'.$i.'">';
    for ($j = 0; $j < count($resultsA); $j++)
        if ($resultsA[$j][0] == $cidades[$i][0])
        {
            if(count($resultsA[$j])==6)
                $tipo = 'Onibus';
            else
                $tipo = 'Aviao';
            echo '<option value="'.($k).'">'.'Preco R$: '.$resultsA[$j][1].' Tipo: '. $tipo .'</option>';
            $k++;
        }
    echo '</select></form></div></td>';
}
echo '</menuP>';

私はここで何か悪いことをしていますか? 「destino」と「lista」の値が正しいにもかかわらず、コードが機能せず、空の Web サイトでテストすると機能します。基本的な機能は、ユーザーがクリックした都市に対応するデータの特定のリストを非表示/表示することです。

4

1 に答える 1

0

"menuPは、（display：none; padding-right：10px;）を含むタグです。"

あなたの問題があります。祖先要素が表示されていない場合、子孫要素の表示を切り替えても効果はありません。

これがフィドルのデモです：http：//jsfiddle.net/32eXp/

<menuP>要素を表示する方法を見つける必要があります。

于 2012-06-20T13:42:08.677 に答える