php 选择后禁用下拉选项(即使是新访客)

xqk2d5yq  于 2023-04-28  发布在  PHP
关注(0)|答案(3)|浏览(122)

我在做一个网站,人们可以在上面报名参加活动。我们有8支不同的队伍,基于超级英雄的。每个团队都应该选择8个超级英雄中的一个,但他们中的任何一个都不应该选择同一个。
有没有可能写一些代码来禁用一个选项(为网站的每一个新访问者)后,有人选择了超级英雄?
所以如果两个人选择了一个超级英雄,就只剩下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新手!先谢谢你了!

yqyhoc1h

yqyhoc1h1#

首先,每当选择一个选项时,将其保存在服务器中。绘制列表框值时,请考虑已选定的(从存储)并禁用该选项。
检查

<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>
bvjxkvbb

bvjxkvbb2#

只有一种方法可以做到这一点,它与服务器端有关。首先,选择用户的选择:
让我们假设你的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)
t1qtbnec

t1qtbnec3#

你可以用密码

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

相关问题