如何根據mysql數據庫中的值在html中顯示（onload）開/關按鈕？

我想顯示一個（排序）切換按鈕，取決於mysql數據庫中一個表內的值（該表只有一行），當我點擊它時，我想要改變一個值表格從0到1或相反。我在相關問題上看到了很多答案，但其中沒有一個似乎適用於我。一些幫助將是非常需要的。非常感謝！如何根據mysql數據庫中的值在html中顯示（onload）開/關按鈕？

這是我的PHP代碼：

<?php 
include 'db_ecoheating.php'; 
mysql_connect($dbhost,$dbuser,$dbpass) 
or die ("Unable to connect to database"); 

mysql_select_db($dbname) 
or die ("Unable to select database"); 

$sql = "SELECT coil1 from coils "; 
$result = mysql_query($sql); 

while($row = mysql_fetch_array($result)){ 
    $coil1 = $row['coil1']; 

} 
$arr = array(
    'value1'=> $coil1, 
); 
echo json_encode($arr); 
    ?>

也是我在js函數（計有jquery的）：

function buttonFunctions(){ 
    var x1=document.getElementById("coil1"); 
    var value = $.ajax({ 
     type: "GET", 
     url: "coils.php", 
     data: query, 
     dataType: "json" 
     success: function(data){ 
      console.log(data.value1); 

     } 
     }); 
    if(value=='0') coil1.src = "Button2.png"; 
      else if(value=='1') coil1.src = "Button1.png"; 
    //coil1.src="Button1.png"; 

    }

另外我的圖像（如一個按鈕工作）：

<input type="image" onclick="saveData()" id="coil1"/>

來源

2016-04-19 Marius Stanciu

雖然使用JS的想法是可以的，但您可以使用純PHP和HTML/CSS來實現。我也建議你開始使用mysqli/PDO。

/*CSS */ 
.button0 {background-image: url("Button1.png");} 
.button1 {background-image: url("Button2.png");}

然後，顯示您的按鈕，使用下面的PHP代碼

<?php 
include 'db_ecoheating.php'; 
mysql_connect($dbhost,$dbuser,$dbpass) or die ("Unable to connect to database"); 

mysql_select_db($dbname) or die ("Unable to select database"); 

$sql = "SELECT * FROM coils"; 
$result = mysql_query($sql); 

while($row = mysql_fetch_assoc($result)){ 
$value = $row['coil1']; ?> 

<input class="button<?php echo $value; ?>" type="image" onclick="saveData()" id="coil1"/> 

<?php } ?>

來源

2016-04-19 11:35:22

顯然，它具有識別問題「按鈕<？PHP的echo $ COIL1;？>」。它把它當作一個字符串。 –

更正了查詢並更改了CSS類以匹配表中的0和1值。我假設你的線圈表在列線圈1中有一排。如果你有更多的行，你需要找到一種方法來過濾你的查詢。順便說一句...你不需要你發佈的JQuery/AJAX代碼，我想。很好，這取決於你的其他代碼是什麼樣的。 –

我仍然有這個問題，我試圖顯示使用PHP（與回聲）的HTML代碼，但不起作用。無論如何謝謝你的答案！ –

如何根據mysql數據庫中的值在html中顯示（onload）開/關按鈕？

回答

相關問題