Question

我正在一个人们可以报名参加活动的网站上工作。我们有8个不同的团队，基于超级英雄。每个团队都应该选择8个超级英雄中的1个，但是不应该选择相同的超级英雄。

在有人选择那个超级英雄后，是否可以编写一些代码来禁用一个选项（对于网站的每个新访问者）？

因此，如果2个人选择了超级英雄，那么只剩下6个选择。这六个是可见的，但不可点击。

所以我的html表单代码是（某些标题/名称是荷兰语;））：

<form action="inschrijfformulier.php" method="post" id="cc-m-form-6876142651" target="_blank" class="cc-m-form cc-m-form-layout-1" onsubmit="javascript: setTimeout(function(){location.reload();}, 1000);return true;">
                                                <div class="cc-m-form-loading"></div>

                                                <div class="cc-m-form-view-sortable">
                                                    <div class="cc-m-form-view-element cc-m-form-select" data-action="element" required>
                                                        <label for="ma6b8be54cf86a6410">
    <div>Kies welke held jouw team is!</div>
    </label>
                                                        <div class="cc-m-form-view-input-wrapper">
                                                            <select name="teamnaam" class="cc-m-form-element-input" required>
                                                                <option value="" selected disabled hidden>Selecteer</option>
<option value="Superman">Superman</option>
<option value="Batman">Batman</option>
<option value="X-Men">X-Men</option>
<option value="MegaMindy">Mega Mindy</option>
<option value="Spiderman">Spiderman</option>
<option value="TheHulk">The Hulk</option>
<option value="HitGirl">Hit Girl</option>
<option value="Meerminman">Meerminman</option></select></div></div>
<input type="submit" value="Naar betalen" data-action="formButton">

因此，如果你做出选择并提交表格，它将链接到inschrijfformulie.php，这个.php文件包含：

<?php 
$name = $_POST['teamnaam'];
$email = $_POST['email'];
$rekeninghouder = $_POST['rekeninghouder'];
$aantalspelers = $_POST['aantalspelers'];
$spelernamen = $_POST['spelernamen'];
$formcontent="Teamnaam: $name \nEmail: $email \nRekeninghouder: $rekeninghouder \nAantal spelers: $aantalspelers \nSpelers: $spelernamen";
$recipient = "info@sidekickevents.nl";
$subject = "Inschrijfformulier";
$mailheader = "From: $email \r\n";
mail($recipient, $subject, $formcontent, $mailheader) or die("Error!");
header("Location: https://www.ticketkantoor.nl/shop/bubbelvoetbal");
 exit;
?>

这确保我收到一封包含他们所填写信息的电子邮件。这很有效，我也可以看到他们选择的超级英雄。希望有人可以解释它，因为我是php的新手！提前谢谢！

Answer 1

首先，每当选择一个选项时，将其保存在服务器中。在绘制列表框值时，请考虑已选择（从存储）并禁用该选项。

检查，

<option value="Mega Mindy" disabled>Mega Mindy</option>

<div>
<select>
<option value="Superman">Superman</option>
<option value="Batman">Batman</option>
<option value="X-Men">X-Men</option>
<option value="Mega Mindy" disabled>Mega Mindy</option>
<option value="Spiderman">Spiderman</option>
<option value="The Hulk">The Hulk</option>
<option value="Hit Girl">Hit Girl</option>
<option value="Meerminman">Meerminman</option></select></div>

Answer 2

只有一种方法可以做到这一点，它与服务器端有关。首先，您选择用户的选择：

假设你的selectbox id是“heroes-combo”而你正在使用jQuery。

// this gives you the selected option's value.
$("#heroes-combo option:selected").attr("value");

现在通过ajax将其发送到服务器端。

当用户进入网站时，您需要在数据库中查询已选择的英雄。让我们说数据库返回Ironman。

然后您需要将其标记为已禁用，如下所示：

$("#heroes-combo option[value='Ironman']").attr("disabled", true)

Answer 3

您可以使用代码

$('select').change(function(){
    var value = $(this).val();
    $(this).children('option').each(function() {
        if ( $(this).val() === value ) {
             $(this).attr('disabled', true);   
        }
    });
});

选择后禁用下拉选项（即使是新访客）

3 个答案: