选择下拉选项并显示表格（javascript）

通过一个SELECT查询，我获得了一个包含7个名称的数组，创建了一个下拉列表，每个名称都是一个表，然后被隐藏。 我想单击下拉列表中的名称并显示表格。 我没有收到任何错误，但以下代码仅显示数组中的第一个表，无论选择了什么选项。我对javascript知之甚少，该函数是通过网站上的各种查询拼凑而成的。 Javascript:

function changeOpt(clicked) {
var x = document.getElementById("optChange");
var optVal = x.options[x.selectedIndex].value;
for(var i =0; i<x.length;i++){
if(optVal = document.getElementById('datath'))
document.getElementById('data').style.display = 'block';
}
}

函数更改选项（单击）{
var x=document.getElementById（“optChange”）；
var optVal=x.options[x.selectedIndex]。值；
对于（var i=0；i

---

我完全偏离了beam吗？请有人给我一些指导，让我的代码更清晰。

你能在没有php的情况下提供生成的html吗。目前看来，php将在选项中添加一个选项：。你的html在你开始查看javascript之前就已经损坏了。没有php，输出就是文本输入在第53行（即第53行）有一个（！）注释：未定义变量：选项。

while($row = mysqli_fetch_array($result))
{
$array = $row;                                                                          
//echo '<pre>'.print_r($array).'</pre>';
echo '<table id="data" style="display:none;">';
echo '<tr><td>You searched for:</td></tr>';
echo '<tr><th id="datath">'.$row[0].'</th><th>'.$row[1].'</th><th>'.$row[2].'</th>';
echo '</tr>';
echo '</table>';


$option .= '<option value = "'.$row['1'].'">'.$row['1'].'</option>';
    }


?>
<form method="post" action="#" id="my_form" >  
<select id="optChange" name="opt" onchange="changeOpt(this.id)">
<option><--select a name--></option>
<option><?php echo $option; ?></option>
</select>
<input type="button" name="submit" value="submit" > 
</form>