当前位置：首页 > PHP

php实现多选转移

2026-02-15 07:47:08PHP

PHP 实现多选转移功能

多选转移功能通常用于表单中，允许用户从一个列表中选择多个项目并转移到另一个列表中。以下是实现方法：

前端 HTML 部分

创建两个多选列表框和转移按钮：

<form method="post" action="transfer.php">
    <select name="source[]" id="source" multiple size="10">
        <option value="1">选项1</option>
        <option value="2">选项2</option>
        <option value="3">选项3</option>
    </select>

    <button type="button" onclick="moveItems('source', 'target')">→</button>
    <button type="button" onclick="moveItems('target', 'source')">←</button>

    <select name="target[]" id="target" multiple size="10">
    </select>

    <input type="submit" value="提交">
</form>

JavaScript 转移函数

添加移动选项的 JavaScript 函数：

function moveItems(sourceId, targetId) {
    const source = document.getElementById(sourceId);
    const target = document.getElementById(targetId);

    for (let i = 0; i < source.options.length; i++) {
        if (source.options[i].selected) {
            target.appendChild(source.options[i]);
            i--; // 因为移除后数组长度会变化
        }
    }
}

PHP 后端处理

在 transfer.php 中处理提交的数据：

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $sourceItems = $_POST['source'] ?? [];
    $targetItems = $_POST['target'] ?? [];

    // 处理转移后的数据
    foreach ($targetItems as $item) {
        // 执行需要的操作
        echo "已选择: " . htmlspecialchars($item) . "<br>";
    }
}
?>

完整示例改进

更完整的实现可以包括数据库交互：

// 从数据库获取初始选项
$dbOptions = [
    ['id' => 1, 'name' => '选项1'],
    ['id' => 2, 'name' => '选项2'],
    ['id' => 3, 'name' => '选项3']
];

// 处理表单提交
if ($_POST) {
    $selectedIds = $_POST['target'] ?? [];
    // 保存到数据库或进行其他处理
}

// 显示表单
echo '<form method="post">';
echo '<select name="source[]" id="source" multiple>';
foreach ($dbOptions as $option) {
    echo sprintf('<option value="%s">%s</option>', 
        $option['id'], 
        htmlspecialchars($option['name']));
}
echo '</select>';
// ...其余表单代码