選択後にドロップダウンオプションを無効にする

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に新しいです！ ありがとうございます！ OPTIONを

var dropDown = document.getElementsByName("teamnaam"); 
var dropDownOptions = dropDown[0].getElementsByTagName("OPTION"); 
for(var optIdx in dropDownOptions){ 
    if(dropDownOptions[optIdx].value == 'd'){ 
     dropDownOptions[optIdx].setAttribute("disabled", "disabled"); 
    } 
} 

備考、それがUI のみハンドルであり、制限のロジックの数量を無効にするオプションをJavaScriptが

<select name="teamnaam"> 
    <option value="a">A</option> 
    <option value="b" selected="selected">B</option> 
    <option value="c" disabled="disabled">C</option> 
    <option value="d">D</option> 
</select> 

を無効にするHTMLは

Answer 1

ヒーローセレクトカウントはPHPで処理する必要があります。