javascript用于根据php变量更改图像

Question

<div style="margin-left:5%;width:5%;float:left;margin-right:10%;">
  <img src="./1.png" id="imgstatus"/>
</div>
<div style="width:80%;float:left;">
  <h3>Your transaction was <?php echo $message; ?> ! Your transaction reference number for any furthur communication is <?php echo $cust_ref_no; ?> .</h3>
</div>
</div>

我有这个html。我想要的只是将 img src 更改为 <img src="./1.png" /> 的 javascript if $message='succes'和<img src="./2.png"/>当$message='failed' .

Answer 1

您可以使用三元运算符来最小化代码长度。

<div style="margin-left:5%;width:5%;float:left;margin-right:10%;">
  <img src="<?php echo ($message == 'success' ? 'success.jpg' : 'failed.jpg'); ?>" id="imgstatus"/>
</div>
<div style="width:80%;float:left;">
  <h3>Your transaction was <?php echo $message; ?> ! Your transaction reference number for any furthur communication is <?php echo $cust_ref_no; ?> .</h3>
</div>
</div>