如何在項目中使用多個if條件

Question

謝謝您的幫助。 我只是個問題專家，無法解決這個簡單的問題。 請幫我。

我的代碼是：-

<?php 

        $sel="select * from demo1 where paper_type='Quantitative'"; 
        $exe=mysql_query($sel);
        while($rt=mysql_fetch_array($exe))
        {
            $array_val[]=$rt['condition'];  
        }

    ?>
<script>

    var val1 = "<?php echo($array_val[0]); ?>";
    var val2 = "<?php echo($array_val[1]); ?>";
    var val3 = "<?php echo($array_val[2]); ?>";
    var val4 = "<?php echo($array_val[3]); ?>";
    var val5 = "<?php echo($array_val[5]); ?>";

    if(val1 == "a" )
    {
        document.getElementById("imgClick1").src = "images/a.jpg";
        document.getElementById('num1').style.color = "#000";
    }
    else if(val1 == "b")
    {   document.getElementById("imgClick1").src = "images/b.jpg";
        document.getElementById('num1').style.color = "#fff";
    }
    if(val2 == "a" )
    {
        document.getElementById("imgClick2").src = "images/a.jpg";
        document.getElementById('num2').style.color = "#000";
    }
    else if(val2 == "b")
    {
        document.getElementById("imgClick2").src = "images/b.jpg";
        document.getElementById('num2').style.color = "#fff";
    }
    if(val3 == "a" )
    {
        document.getElementById("imgClick3").src = "images/a.jpg";
        document.getElementById('num3').style.color = "#000";
    }
    else if(val3 == "b")
    {
        document.getElementById("imgClick3").src = "images/b.jpg";
        document.getElementById('num3').style.color = "#fff";
    }
</script>

使用php，我將值從MySQL傳遞到php數組'$ array_val []'並將其放入javascript變量，但是當我嘗試使用if條件檢查它時，它僅在第一個if條件下工作。

請幫助我，如果條件還可以如何使用另一個？

Answer 1

在這種情況下，我建議使用JSON。

檢查以下使用JSON實現的解決方案來解決您的問題。

var json=JSON.parse('<?php echo json_encode($array_val)?>');

//process your json array here

for(key in json){  //for each elements in json array

     //default image and color
     var image_src = "images/default.jpg";
     var color = "#aaa";

      switch(json[key]){
        case "a":{
                  //code for a
                  image_src = "images/a.jpg";
                  color = "#000";
                  break;
        }
        case "b":{
                  //code for b
                  image_src = "images/b.jpg";
                  color = "#fff";
                  break;
        }
      }

      document.getElementById("imgClick"+(key+1)).src=image_src; // it will generate imgClick1, imgClick2 selectors and so on.. for each element of json
      document.getElementById("num"+(key+1)).style.color=color; // it will generate num1, num2 selectors and so on.. for each element of json
}

編輯：原始代碼的解決方案

在回顯之前測試$array_val[index] ，以便僅在定義其值時才會echo 。

在這種情況下，它將使valN變量的值成為""空字符串，因此它不會與"a"或"b"匹配。 （您可能要在此處指定一些默認情況，否則，如果未定義值，則為其他情況）

var val1 = "<?php if(isset($array_val[0]) echo $array_val[0] ?>"; //you might add here else echo "a"; to specify some default value.
var val2 = "<?php if(isset($array_val[1]) echo $array_val[1] ?>";
var val3 = "<?php if(isset($array_val[2]) echo $array_val[2] ?>";
var val4 = "<?php if(isset($array_val[3]) echo $array_val[3] ?>";
var val5 = "<?php if(isset($array_val[4]) echo $array_val[4] ?>";

if(val1 == "a" )
{
    document.getElementById("imgClick1").src = "images/a.jpg";
    document.getElementById('num1').style.color = "#000";
}
else if(val1 == "b")
{   document.getElementById("imgClick1").src = "images/b.jpg";
    document.getElementById('num1').style.color = "#fff";
}

if(val2 == "a" )
{
    document.getElementById("imgClick2").src = "images/a.jpg";
    document.getElementById('num2').style.color = "#000";
}
else if(val2 == "b")
{
    document.getElementById("imgClick2").src = "images/b.jpg";
    document.getElementById('num2').style.color = "#fff";
}

if(val3 == "a" )
{
    document.getElementById("imgClick3").src = "images/a.jpg";
    document.getElementById('num3').style.color = "#000";
}
else if(val3 == "b")
{
    document.getElementById("imgClick3").src = "images/b.jpg";
    document.getElementById('num3').style.color = "#fff";
}