如何使用PHP实现点击按钮移除HTML下拉选择框中的选项

因为PHP是服务器端语言，我们需要通过表单提交触发服务器端逻辑，移除选中选项并保存状态，以下是完整实现代码：

<?php
session_start();

// 初始化汽车选项，首次访问时存入session
$initialCars = [
    'volvo' => 'Volvo',
    'saab' => 'Saab',
    'opel' => 'Opel',
    'audi' => 'Audi'
];

// 如果session中没有保存的选项，初始化
if (!isset($_SESSION['remaining_cars'])) {
    $_SESSION['remaining_cars'] = $initialCars;
}

// 处理提交请求，移除选中的选项
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['cars'])) {
    $selectedCar = $_POST['cars'];
    if (array_key_exists($selectedCar, $_SESSION['remaining_cars'])) {
        unset($_SESSION['remaining_cars'][$selectedCar]);
    }
}
?>

<form action="prueba.php" method="POST">
    <select name="cars" id="cars">
        <?php foreach ($_SESSION['remaining_cars'] as $value => $label): ?>
            <option value="<?= htmlspecialchars($value) ?>"><?= htmlspecialchars($label) ?></option>
        <?php endforeach; ?>
    </select>
    
    <!-- 当没有剩余选项时禁用提交按钮 -->
    <input type="submit" value="Eliminar" <?= empty($_SESSION['remaining_cars']) ? 'disabled' : '' ?>>
</form>

关键逻辑说明 #

• 会话保存状态：使用session_start()开启会话，将剩余选项存入$_SESSION，确保页面刷新或重新访问时，已移除的选项不会恢复。
• 动态生成选项：通过遍历$_SESSION['remaining_cars']数组，动态输出下拉框的<option>标签，只显示未被移除的选项。
• 提交处理：判断请求方法为POST且存在选中的汽车值时，从会话数组中删除对应项。
• 安全处理：用htmlspecialchars()转义输出内容，避免XSS攻击。

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