Beiträge von Septias

wie kann ich diesen Code:

<label for="id_asd">asd:</label>
                            <select name="asd" class="form-control" required id="id_rang">
  <option value="">---------</option>

  <option value="B1"></option>

  <option value="B2"></option>

  <option value="B3"></option>

  <option value="B4"></option>

  <option value="B5"></option>

</select>                            
<label for="id_profusername">Benutzername:</label>
<input type="text" name="profusername" value="" maxlength="20" class="form-control" required id="id_profusername">

jetzt ohne es selber neu zu erstellen, dem Element e_ hinzufügen ?

kann ich meinen weiteren html-form-code jetzt raw in das Div-Element einfügen ?

Ich habe ein Formular <form>, in dem Benutzer sich für ein Sportturnier anmelden sollen. Dafür habe ich ein <input type="checkbox"> mit Bootrap zu einem well gemacht, damit der User diese Sportart auswählen kann. Wenn der User jetzt den Haken in den die Ckeckbox setzt, würde ich gerne das Formular mit weiteren <input's> erweitern. Dafür habe ich bis jetzt diesen Code:

<div class="row">
    <div class="well well-sm">
        <input type="checkbox" name="teilnahme" id="id_teilnahme">
        <label for="id_teilnahme">Teilnahme an League of Legends:</label>
    </div>

    <div class="container-fluid">
        * hier soll der Code eingefügt werden *            
    </div>
</div>

und dieses Script:

var checkbox = document.querySelector("input[name=teilnahme]");

checkbox.addEventListener( 'change', function() {
   if(this.checked) {
      <!-- mein Versuch das zu realisieren --!>
      this.parentNode.childNodes[1].innerHMTL = "test";
   } else {

   }
});

Wenn ich jetzt den Haken checke, soll der zusätliche HTML-Code in <div class="container-fluid">eingefügt werden.

Wie kann ich das machen ?