同一页面中如何将JavaScript变量传递给PHP数组索引？

核心问题：前后端执行顺序差异 #

PHP是服务器端语言，页面加载前就已经执行完毕，生成最终的HTML/JS代码发送给浏览器；而JavaScript是客户端语言，在浏览器中运行时，PHP进程已经结束。你试图在JS代码里直接用PHP数组$cars结合JS变量cID取值，本质上是混淆了前后端的执行时机——PHP运行时根本不知道cID这个JS变量的存在，自然无法生效。

可行的解决方法 #

方法1：将PHP数组转换为JavaScript数组（推荐，简单高效） #

在页面加载阶段，把PHP数组转成JS可直接使用的数组，后续JS直接操作这个本地数组即可：

<?php
header ('Content-Type: text/html; charset=UTF-8'); 
$cars = array("Mike", "Paul", "Rita");
?>
    
<html>
<head>
<script>
// 用json_encode把PHP数组转成JS数组
const cars = <?php echo json_encode($cars); ?>;

function runFun(){
    var t = document.getElementById("t");
    let cID = t.selectedIndex;
    // 直接通过JS数组索引取值
    const message = `I like ${cars[cID]}`;
    window.alert(message);
}
</script>
</head>
<body>
<select id="t" onchange="runFun();" name="t">
    <option value="<?php echo $cars[0] ?>"><?php echo $cars[0] ?></option>
    <option value="<?php echo $cars[1] ?>"><?php echo $cars[1] ?></option>
    <option value="<?php echo $cars[2] ?>"><?php echo $cars[2] ?></option>
</select>
<p> 
</body>
</html>

json_encode会把PHP数组安全转换为JS数组格式（比如["Mike", "Paul", "Rita"]），JS就能直接通过索引访问对应值。

方法2：使用AJAX（适合动态获取服务器数据场景） #

如果你的$cars数据需要从服务器实时获取（比如数据会动态更新），可以通过AJAX把选中的索引传给PHP脚本，再返回对应结果：

1. 新建一个get_car.php文件：

<?php
header('Content-Type: application/json; charset=UTF-8');
$cars = array("Mike", "Paul", "Rita");
$index = isset($_GET['index']) ? (int)$_GET['index'] : 0;
// 确保索引在合法范围内
if ($index >=0 && $index < count($cars)) {
    echo json_encode(["message" => "I like " . $cars[$index]]);
} else {
    echo json_encode(["message" => "Invalid index"]);
}
?>

2. 修改原页面的JS代码：

function runFun(){
    var t = document.getElementById("t");
    let cID = t.selectedIndex;
    // 用fetch发送AJAX请求
    fetch(`get_car.php?index=${cID}`)
        .then(response => response.json())
        .then(data => {
            window.alert(data.message);
        })
        .catch(error => console.error('Error:', error));
}

你之前写法的错误原因 #

• $cars[. 'cID' .]：PHP语法错误，拼接方式不正确，且'cID'是字符串，不是变量，会试图访问$cars['cID']这个不存在的索引。
• $cars[+${cID}+]：PHP无法识别JS模板语法${cID}，运行时会把${cID}当作字符串，同样无法正确取值。

内容的提问来源于stack exchange，提问作者Java Script