javascript - 根据值隐藏和显示

Question

有谁知道如何根据数据库中的某个值隐藏和显示 select 标签下的选项？

这是我所做的，但它不起作用:

<script>
    var a = <?php echo $row["status"]; ?>
    if(a == 'To be check' || a == 'Endorsed By IT') {
        $("#new").show();
    } else
        $("#new").hide();   
    </script>

以下是#new下的内容:

<div id="new">
    <select name="status">
        <option value="Request">Request</option>
        <option value="Upload">Upload</option>
    </select>
</div>

Answer 1

就您的问题 b0s3 has the answer 而言。除此之外，我会推荐一种不同的方法来处理这个问题:

尝试在渲染时修改 HTML 标记，而不是更改 JavaScript:

<div id="new" <?print ( in_array($row["status"], array('To be check', 'Endorsed By IT')) ? 'class="active"' : ''); ?>
    […]
</div>

您可以使用 CSS 类，例如:

#new { display: none; }
#new.active { display: block; }

您稍后仍可以使用以下方法更改可见性:

document.getElementById('new').classList.toggle('active'); // vanilla JS
$('#new').toggleClass('active'); // jQuery

优点是:

• 该元素会立即隐藏，如果您的页面加载缓慢(无论出于何种原因)，用户将无法看到该元素。
• JavaScript 代码可以与模板分开保存和维护，因为它不必由 PHP 修改。