2017-09-04 70 views
-4

我已经下了表,点击显示的行我想获取值,并执行一个操作,隐藏其他行并显示与被执行行相关的内容。例如,点击该行时,显示与所选行相关的链接和图像。如何使用JQuery做到这一点?获取​​使用JQuery


</head> 
<body> 

<h1>Pesquisa cidade</h1> 

<form name="formulario_busca" method="post"/> 
    <input type="text" name="nome_cidade"/> 
    <input type="submit" name="busca"/> 
</form> 

<?php 

$busca = $_POST['nome_cidade']; 

$query = "SELECT * FROM cidades WHERE cidade LIKE '%".$busca."%'"; 
$resultado = mysqli_query($conexao, $query); 
mysqli_fetch_array($resultado,$lista_Cidades); 
?> 
<table class="table table-striped table-bordered"> 

<?php 
if ((mysqli_num_rows($resultado)>0) && ($busca != "")): 
    while ($linha = mysqli_fetch_assoc($resultado)) { 

?> 
<tr> 
    <td id="linha"><?= $linha['cidade']. ' - ' .$linha['regiao']. ' - ' .$linha['subregiao'] ?></td> 
</tr> 

<?php 
    } echo "<br/>"; 
endif; if(mysqli_num_rows($resultado)<=0): 
     echo "Cidade não encontrada"; 
     endif; 
?> 
</body> 
+0

附加事件'td'然后使用'$(这)'做什么你需要做。 – Script47

+1

这里没有jQuery/javascript。和PHP有什么关系呢?如果你的问题是关于jQuery/javascript,你应该发布html和javascript。 – jeroen

+1

“这里有一些php代码,对我感谢我的javascript” – Liam

回答

0

事情是这样的:

<script> 

function clickCell() { 

$('.table td').hide(); 
$(this).show(); 

} 

</script> 

而且对TD:

<td onclick="clickCell()"></td> 
+0

它可以隐藏线条,但我现在的目标是使用点击线条的数据,选择线条的数据并将其显示在图像旁边,在同一页上。 有可能吗? –

1

1-你就不应该使用相同的ID为所有在你那里的TDS,如果您将其用于造型,则可以将其替换为一个类。

2 - 为获得使用jQuery你可以做的价值,例如每文字的TD内:

$('table > td').on('click',function(){ 
    var x = $(this).text(); 
    //and show the value of x here...using a model or whatever you want. 
}); 
+0

使用: var x = $(this).text(); 我将获取整行并将其作为字符串存储在var x中?有没有办法获得​​数据之一,比如'Region'?这样我可以将它存储在其他地方,并将该信息用于页面上的其他内容。 –