html Formular

tobbyR5 · 26. März 2018

Hallo,

folgende Frage.

Ich habe ein Formular mit drei Feldern: 1) type select für "Nationalität", 2) type input "Ausweisdokument", 3) type input "Dokumentennummer".

Ist es möglich, den Zustand der Felder 2 und 3 in Abhängigkeit der Auswahl im Feld 1 von " disabled " auf "active" zu ändern?

Es geht dabei darum, dass, bspw. in der deutschen Fassung des Programms, der erste Wert im select Feld <option value="1"> "Deutsch" ist und solange der Anwender das nicht ändert, keine Eingabe bei Feld 2 und 3 nötig ist und das auch verhindert wird.

Nur zur Info, das Ganze wird in bootstrap 4.0 realisiert.

basti1012 · 26. März 2018

Leider finde ich das Thema nicht wieder,das hatten wir gerade erst gehabt .

Aber ja das geht .Da gibt es mehrer Varianten mit CASE oder IF das st nicht das Problem.

Hast du da schon was vorbereitet an Code?

tobbyR5 · 26. März 2018

Bisher gibt es nur klassisches html:

Code

<div class="row">
                                                                                <div class="col-md-4 mb-3">
                                                                                    <input type="text" class="form-control" id="Geburtsdatum-01" placeholder="Geburtsdatum" value="">
                                                                                </div><!--/.col-md-6 mb-3-->
                                                                                <div class="col-md-8 mb-3">
                                                                                    <div id="Nationalitaet">
                                                                                    <div class="form-group row individual_001">
                                                                                        <label for="inputPassword" class="col-sm-3 col-form-label"><span>Nationalität</span></label>
                                                                                        <div class="col-sm-9">
                                                                                                              <select class="form-control" id="Nationalitaet-01">
                                                                                                              <option value="1">Deutsch</option>
                                                                                                              <option>Afghan</option>
                                                                                                              <option>Albanian</option>
                                                                                                              <option>Algerian</option>
                                                                                                              <option>American</option>
                                                                                                              <option>Andorran</option>
                                                                                                              <option>Angolan</option>
                                                                                                              <option>Antiguans</option>
                                                                                                              <option>Argentinean</option>
                                                                                                              
                                                                                                              <option>Zimbabwean</option>
                                                                                                              </select>
                                                                                        </div>
                                                                                                    </div>
                                                                                    </div>                                                                                
                                                                                </div><!--/.col-md-6 mb-3-->
                                                                      </div><!--/.row-->
                                                            <div class="row">
                                                                      <div class="col-md-6 mb-3">
                                                                                <select class="custom-select d-block w-100" id="Ausweisdokument">
                                                                                          <option value="">Ausweisdokument</option>
                                                                                          <option>Personalausweis</option>
                                                                                          <option>Reisepass</option>
                                                                                          <option>Führerschein</option>
                                                                                          <option>Sonstiges amtliches Dokument</option>
                                                                                </select>
                                                                      </div><!--/.col-md-6 mb-3-->
                                                                      <div class="col-md-6 mb-3">
                                                                                <!--label for="id"></label-->
                                                                                <input type="text" class="form-control" id="Ausweisdolument-Nummer" placeholder="Dokumentennummer" value="">
                                                                      </div><!--/.col-md-6 mb-3-->
                                                            </div><!--/.row-->

Alles anzeigen

basti1012 · 26. März 2018

Ja ist doch schon mal was.Was soll jetzt genau passieren ?

Man sucht sich eine nation aus und was soll dann passieren ?

Ich mache dir dann mal ein simples JS Beispiel fertig.

EDIT . ich bin auch blöd, steht ja da ganz oben.

Ok mache dir ein Beispiel

basti1012 · 26. März 2018

Reicht dir das so? Oder hast du dir das anders gedacht?

* Link entfernt , weil existiert nicht mehr *

tobbyR5 · 26. März 2018

Hallo Basti, ja, vielen Dank, dass müsste so passen. VG Robert

html Formular

Jetzt mitmachen!

Teilen

Tags