在Javascript中單擊按鈕時遞增數組索引

Question

以下是我的JavaScript代碼！ 我試圖每次用戶單擊按鈕時增加數組$ arr的索引。 該數組在單獨的php標簽中定義！ 我要去哪里錯了？

function option1() {
var i = 0;

document.getElementById("btn0").value = "newButtonValue";
document.getElementById("question").innerHTML = 
"<?php echo $arr["results"][i++]["question"] ?>"; 
}

Answer 1

在您的編譯器將輸出返回到瀏覽器的地方，您的php代碼已被編譯，並且您無法運行javascript等代碼。

您可以使用以下js：

var arr  = <?php echo json_encode($arr["results"]);?>;

function option1() {
    var i = 0;

    document.getElementById("btn0").value = "newButtonValue";
    document.getElementById("question").innerHTML = arr[i++]["question"];
}

Answer 2

.html文件

<button onclick="addIndex(this)" queNo="0">newButtonValue</button>

在.js文件中

function addIndex(btn) {
    var i = btn.getAttribute("queNo")
    console.log(i);
    btn.setAttribute("queNo", i++);

    document.getElementById("question").innerHTML = "<?php echo $arr['results']["+i+"]['question'] ?>"; 
}

希望對你有幫助