將php變量傳遞給javascript onclick函數

Question

無法將php變量傳遞到javascript函數中。

    <p id = "demo"><?php echo $color; ?></p><br>
    <?php while($rows = mysqli_fetch_array($result)) {
         $color = $rows["clr"]; 
    ?>      
    <ul id="menu">
        <li>
            <h onclick="myFunction('<?php echo $color; ?>');">
               <input type ="radio"  name="radio" id ="php" value="<?php echo $color;?>">
               <?php echo $color; ?>
               <!--//<label for = "php" type:<?php echo $rpproduct_typ_color; ?>></label>-->
            </h>
       </li>
    </ul>
    <script type="text/javascript" >
       function myFunction(a) {
          document.getElementById('demo').innerHTML = a;
       }
    </script>
   <?php } ?>

但是這樣可以正常工作：-

<ul id="menu">
    <li>
         <input type ="radio" name="radio" id ="php" value="<?php echo $color; ?>" onClick="document.getElementById('demo').innerHTML=this.value">         <?php echo $color; ?>
         <!--//<label for = "php" type:<?php echo $color; ?>  ></label>-->
    </li>
</ul>

但我想將多個值傳遞給onClick函數，我希望第一個音調能夠正常工作

Answer 1

您尚未關閉該行的花括號：

<?php while($rows = mysqli_fetch_array($result))
{

該元素不存在，因此我將其設為段落。

<p id="demo">EMPTY</p>
<br />
<ul id="menu">
    <?php
    $colours = array( '#FF0000', '#00FF00', '#0000FF' );
    foreach( $colours AS $colour ) {
    ?><li>
        <p onClick="changeColour('<?php echo $colour; ?>')">
            <input type ="radio"  name="radio" value="<?php echo $colour; ?>">
            <?php echo $colour; ?> 
        </p>
    </li>
    <?PHP } ?>
</ul>
<script type="text/javascript" >
function changeColour( a ) {
    document.getElementById('demo').innerHTML = a;
}
</script>

經過測試和工作

Answer 2

您是否將h誤認為標題h1 .... h6 ？ 由於HTML中沒有h標簽，因此至少我不知道。 但是，我建議改用塊級元素，例如div或p 。

<li>
  <p onclick="myFunction('<?php echo $color; ?>');">
    <input type ="radio"  name="radio" id ="php" value="<?php echo $color;?>">
    <?php echo $color; ?>
  </p>
</li>

這將給我這樣的輸出，在Opera中可以正常工作：

<li>
    <p onclick="myFunction('red');" style="background-color: red;">
        <input type ="radio"  name="radio" id ="php" value="red"> red
    </p>
</li>
<li>
    <p onclick="myFunction('blue');" style="background-color: blue;">
        <input type ="radio"  name="radio" id ="php" value="blue"> blue
    </p>
</li>