JQuery와 토글 내의 index.php에이 코드 조각이

Question

작동하지 않는 이유 (의 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> 

을 그리고 다른 파일에, 나는 PHP 코드를 가질 수 menuP가 포함 된 태그입니다, HTML 코드를 생성합니다 (디스플레이 : 없음; 패딩 - 오른쪽 : 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"가 올바른 값을 갖고 있음에도 불구하고 코드가 작동하지 않으며 빈 웹 사이트로 테스트하면 작동합니다. 기본 기능은 사용자가 클릭 한 도시에 해당하는 특정 데이터 목록을 숨기거나 표시하는 것입니다.

Answer 1

는 "menuP가 포함 된 태그입니다 (: 없음; 패딩 오른쪽 : 디스플레이 10px;)"

문제가있다. 조상 요소가 표시되지 않으면 자손 요소의 가시성을 토글 링해도 아무 효과가 없습니다. 당신은 <menuP> 요소가 볼 수 있도록 할 수있는 방법을 찾아야합니다 http://jsfiddle.net/32eXp/

:

는 여기에 바이올린 데모입니다.