php - 根据先前的选择隐藏选择框中的选项。从 SQL 生成的选项

Question

我希望我的用户能够选择与他们一起徒步旅行的人。我使用了 JScript，它允许用户根据徒步旅行的人数添加更多选择框。此选择框中的名称是根据数据库查询生成的。

我想放置一些东西来阻止从不同的选择框中多次选择同一个人。例如，如果在第一个部分框中选择了选项 1，则用户在第二个、第三个、第四个......选择框中不应该使用该选项。

选择框是使用以下代码生成的

<TABLE id="buddyTable" class="form" border="1">
            <TR>
                <td><input type="checkbox" required="required" name="chk[]" checked="checked" /></td>
                <TD><label>Buddy</label>
                <select name="buddy[]">
                    <option>Solo</option>
                <?php

            if ($result->num_rows > 0) {
                // output data of each row
                while($row = $result->fetch_assoc()) {
                echo '<option value = "'.$row["idPerson"].'">'.$row["Forename"]. ' '.$row["Surname"].'</option>';
                //echo "name: " .$row["Forename"]. " " . $row["Surname"]. "<br>";
                }
            } 
            else {
                echo "0 results";
            }               
            $conn->close();
            ?>
                </select>
                </TD>
            </TR>
            </TABLE>

允许添加更多选择框的 JScript 位于此处

function addRowBuddy(tableID) {
var table = document.getElementById(tableID);
var rowCount = table.rows.length;
if(rowCount < 10){                          // limit the user from creating fields more than your limits
    var row = table.insertRow(rowCount);
    var colCount = table.rows[0].cells.length;
    for(var i=0; i<colCount; i++) {
        var newcell = row.insertCell(i);
        newcell.innerHTML = table.rows[0].cells[i].innerHTML;
    }
}else{
     alert("Maximum number of buddies is 10.");

}

}

我已经寻找了一些解决方案，虽然它们都很好，但没有一个告诉我当还涉及 MySQL/php 时如何做到这一点。

任何提示、建议或指南将不胜感激。

Answer 1

如果您不介意使用框架，您可以使用 w2ui 的枚举字段(多选):

http://w2ui.com/web/docs/form/fields-enum

字段的项目数组可以直接从 URL 中提取，也可以是预定义的数组。

它还可以为您省去创建更多选择框的麻烦，因为您可以在一个字段中选择所有人员。

或者也许你可以使用http://aehlke.github.io/tag-it/