javascript - 不隐藏的表格

Question

我正在尝试制作一个获取数据并显示数据的表格，并且效果很好。但是，我在这个表中有一行应该隐藏，并且只有在按下按钮后才显示，但它没有隐藏。我做错了什么？

<style>
    modificato<?php echo $id;?>{
        display: none;
    }
</style>

<script>
    function modificato<?php echo $id;?> {
        document.querySelector("modificato<?php echo $id;?>").style.display = "block";
    }
</script>

<form name="modificato<?php echo $id?>" class="form" method="post" action="" style="display: none;">
    <tr>
        <th>PREMI PER</th>
        <th><input type="submit" name="bottone_modificato<?php echo $id;?>" value="CONFERMARE"></th>
        <th><input type="date" name="data<?php echo $id;?>" value='<?php echo $data?>'></th>
        <th><input type="text" name="nome<?php echo $id;?>" size="10" maxlength="<?php echo $LENGTH_NOME;?>" value="<?php echo $nome;?>"></th>
        <th><input type="text" name="valore<?php echo $id;?>" onkeypress='return event.charCode >= 46 && event.charCode <= 57' size="6" maxlength="<?php echo $LENGTH_PREZZO;?>" value="<?php echo $valore;?>"></th>
        <th><input type="text" name="chilometri<?php echo $id;?>" onkeypress='return event.charCode >= 46 && event.charCode <= 57' size="6" maxlength="<?php echo $LENGTH_CHILOMETRI;?>" value="<?php echo $chilometri;?>"></th>
        <th><textarea name="note<?php echo $id;?>" rows="3" cols="20" maxlength="250"><?php echo $note;?></textarea></th>
    </tr>
</form>

Answer 1

看起来，问题出在你的风格上。

modificato<?php echo $id;?>

将查找元素 modificato(例如 modificato123)。

但是，据我了解，您需要隐藏一个表单。那么你的风格可以是这样的

form[name=modificato<?php echo $id;?>] {
    display: none;
}

或者:

.form {
    display: none;
}

或者:

#some-element-id {
    display: none;
}