隐藏和显示取决于价值

Question

Does anyone know how to hide and show options under select -tag depending on a certain value from database?

Here's what I did but it doesn't work:

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

Here's what's under #new :

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

Answer 1

As of your problem b0s3 has the answer . Besides that, I would recommend a different way to handle this problem:

Try to modify the HTML markup while rendering instead of your altering your JavaScript:

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

You can use a CSS class like:

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

You can still alter the visibility later by using:

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

The advantages are:

• The element is hidden right away and won't be visible to the user if your page loads slowly (for whatever reason).
• The JavaScript code could be kept and maintained separately from your template, as it doesn't have to be modified by PHP.

Answer 2

Missing the quotes. $row["status"] contains string. You should add the quotes properly.

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

</script>

Answer 3

To show/hide div using javascript, you can write like :

<script>
        var a = '<?php echo $row["status"]; ?>';
        if(a == 'To be check' || a == 'Endorsed By IT')
        {
            document.getElementById(new).style.display = 'block';
        }
        else
            document.getElementById(new).style.display = 'none';

    </script>

Answer 4

Try this:-

<script>
 var a = '<?php echo $row["status"]; ?>';
 if(a == 'To be check' || a == 'Endorsed By IT')
 {
 document.getElementById("new").style.display = 'block';
 }
 else
 {
 document.getElementById("new").style.display = 'none';
 }
 </script>

Answer 5

i guess you need to do it write condition in document ready method

$( document ).ready(function() {
var a = '<?php echo $row["status"]; ?>'; // missing the quotes here
    if(a == 'To be check')
     {
         $("#new").show();
     }
     else
         $("#new").hide();
})