html Formular

tobbyR5

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

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

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

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

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

* Link entfernt , weil existiert nicht mehr *

tobbyR5

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

html Formular

Jetzt mitmachen!

Tags