如何在PHP中获取HTML Select下拉框的选中值？

一、先确保下拉框被正确填充 #

你的selectOne()函数仅完成了定义，但未执行，导致下拉框没有任何选项，后续的选中事件自然无法触发。解决方法：

在页面加载完成后调用该函数，比如添加以下代码：

// 页面DOM加载完成后执行填充逻辑
window.addEventListener('DOMContentLoaded', function() {
  selectOne();
});

或者直接在HTML的<body>标签中添加onload属性：

<body onload="selectOne()">

二、验证前端获取选中值的逻辑 #

你的filterYear()函数逻辑本身无问题，但需确保下拉框有选项后再测试。可以在函数中同时打印值和文本，确认是否能正确获取：

function filterYear() {
    var e = document.getElementById('year');
    var value = e.value;
    var text = e.options[e.selectedIndex].text;
    console.log('选中值：', value);
    console.log('选中文本：', text);
    alert(text);
}

打开浏览器控制台（F12）查看输出，确认是否能拿到正确的数据。

三、将前端值传递给PHP #

你的PHP代码尝试通过$_GET['text']获取值，但前端没有把数据发送到后端，需通过以下方式实现：

方式1：通过表单提交 #

把下拉框放在<form>标签内，提交时将数据传给PHP页面：

<form method="get" action="你的PHP文件名.php">
  <select id="year" name="year" onchange="this.form.submit();">
  </select>
</form>

PHP中接收参数（注意这里获取的是option的value属性值）：

if(isset($_GET['year'])){
    $value = $_GET['year'];
    echo $value;
}

如果需要传递选中文本，可以添加隐藏域配合：

<form method="get" action="你的PHP文件名.php">
  <select id="year" name="year" onchange="document.getElementById('yearText').value = this.options[this.selectedIndex].text; this.form.submit();">
  </select>
  <input type="hidden" name="text" id="yearText">
</form>

PHP接收文本：

if(isset($_GET['text'])){
    $text = htmlspecialchars($_GET['text']); // 防止XSS注入
    echo $text;
}

方式2：通过AJAX异步传递 #

如果不想刷新页面，用AJAX把数据传给PHP：

function filterYear() {
    var e = document.getElementById('year');
    var text = e.options[e.selectedIndex].text;
    
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '你的PHP文件名.php?text=' + encodeURIComponent(text), true);
    xhr.onload = function() {
        if(xhr.status === 200) {
            console.log('后端返回结果：', xhr.responseText);
        }
    };
    xhr.send();
}

PHP代码：

if(isset($_GET['text'])){
    $text = htmlspecialchars($_GET['text']);
    echo $text;
}

四、额外排查点 #

• 打开浏览器控制台（F12）查看是否有报错，比如元素找不到、函数未定义等，这类错误会直接导致代码失效。
• 确认PHP文件路径是否正确，AJAX或表单的action路径要和实际文件位置匹配。

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