• Hallo liebe Userinnen und User,

    nach bereits längeren Planungen und Vorbereitungen sind wir nun von vBulletin auf Xenforo umgestiegen. Die Umstellung musste leider aufgrund der Serverprobleme der letzten Tage notgedrungen vorverlegt werden. Das neue Forum ist soweit voll funktionsfähig, allerdings sind noch nicht alle der gewohnten Funktionen vorhanden. Nach Möglichkeit werden wir sie in den nächsten Wochen nachrüsten. Dafür sollte es nun einige der Probleme lösen, die wir in den letzten Tagen, Wochen und Monaten hatten. Auch der Server ist nun potenter als bei unserem alten Hoster, wodurch wir nun langfristig den Tank mit Bytes vollgetankt haben.

    Anfangs mag die neue Boardsoftware etwas ungewohnt sein, aber man findet sich recht schnell ein. Wir wissen, dass ihr alle Gewohnheitstiere seid, aber gebt dem neuen Board eine Chance.
    Sollte etwas der neuen oder auch gewohnten Funktionen unklar sein, könnt ihr den "Wo issn da der Button zu"-Thread im Feedback nutzen. Bugs meldet ihr bitte im Bugtracker, es wird sicher welche geben die uns noch nicht aufgefallen sind. Ich werde das dann versuchen, halbwegs im Startbeitrag übersichtlich zu halten, was an Arbeit noch aussteht.

    Neu ist, dass die Boardsoftware deutlich besser für Mobiltelefone und diverse Endgeräte geeignet ist und nun auch im mobilen Style alle Funktionen verfügbar sind. Am Desktop findet ihr oben rechts sowohl den Umschalter zwischen hellem und dunklem Style. Am Handy ist der Hell-/Dunkelschalter am Ende der Seite. Damit sollte zukünftig jeder sein Board so konfigurieren können, wie es ihm am liebsten ist.


    Die restlichen Funktionen sollten eigentlich soweit wie gewohnt funktionieren. Einfach mal ein wenig damit spielen oder bei Unklarheiten im Thread nachfragen. Viel Spaß im ngb 2.0.

HTML Droptdownauswahl ergänzt text input Feld (bsp js)

freekiller

NGBler

Registriert
17 Nov. 2015
Beiträge
43
Ort
Schweiz
Hallo zusammen,

ich bin auf der Suche nach einer Lösung für ein HTML Formular.
Zwar ist es so, ich brauche eine Dropdownliste in welcher ein Name gewählt werden kann und anschliessend eine dazugehörende Telefonnummer in ein anderes Text input Feld ausgegeben wird.

Bsp:
[src=html5]
<tr>
<td>Name</td>
<td>
<selection name="name" class="form-control"/>
<option value="Max Muster">Max Muster</option>
<option value="Max Muster2">Max Muster2</option>
</selection>
</td>
</tr>
<tr><td>Mobilenummer</td>
<td>
<input type="text" name="no" class="form-control" value="HIER SOLLTE BEI DER WAHL VON MAX MUSTER SEINE TELNR
ERSCHEINEN">
</td>
</tr>
[/src]

Besten Dank für Lösungsansätze

Beste Grüsse
 

Jester

★★★★☆ (Kasparski)

Registriert
1 Dez. 2014
Beiträge
6.057
Ort
Code Azure
[src=html5]
<tr>
<td>Name</td>
<td>
<select name="name" class="form-control" onchange="document.getElementById('tgtField').value=this.options[this.selectedIndex].value" />
<option value="Max Muster">Max Muster</option>
<option value="Max Muster2">Max Muster2</option>
</select>
</td>
</tr>
<tr><td>Mobilenummer</td>
<td>
<input type="text" name="no" id="tgtField" class="form-control" value="">
</td>
</tr>
[/src]
 

freekiller

NGBler

Registriert
17 Nov. 2015
Beiträge
43
Ort
Schweiz
  • Thread Starter Thread Starter
  • #3
[src=html5]
<tr>
<td>Name</td>
<td>
<select name="name" class="form-control" onchange="document.getElementById('tgtField').value=this.options[this.selectedIndex].value" />
<option value="Max Muster">Max Muster</option>
<option value="Max Muster2">Max Muster2</option>
</select>
</td>
</tr>
<tr><td>Mobilenummer</td>
<td>
<input type="text" name="no" id="tgtField" class="form-control" value="">
</td>
</tr>
[/src]

Besten Dank für das Feedback. Der Code funktioniert zwar allerdings hat es noch nicht den benötigten Effekt.
Und zwar muss bei <option value="Max Muster">Max Muster</option> jeweils der value und der Anzeigetext mit dem Namen versehen sein, da der Value weiterverwendet wird. Somit kann ich leider nicht die Telefonnummer dort hinterlegen, da ansonsten statt der Name ebenfalls die Telefonnummer bei der Weiterverarbeitung erscheint. Gibt es noch eine andere Variante, dass oben im value="Name der Person" unten im value="dazugehörigeTel." erscheint?

Herzlichen Dank :)
 

KingJamez

Aktiver NGBler

Registriert
18 Juli 2013
Beiträge
501
Du kannst das data-attribute verwenden, dort eine Telefonnummer hinzerlegen. Und beim onchange das data-attribute auslesen und anzeigen. Jester hat hier nur einen Ansatz geliefert, der von dir jederzeit modifiziert werden kann ;)
 

freekiller

NGBler

Registriert
17 Nov. 2015
Beiträge
43
Ort
Schweiz
  • Thread Starter Thread Starter
  • #5
Besten Dank für den Hinweis :)

Habe es geschafft mit dem data-attribute Tipp :)

[src=html5]
<script type="text/javascript">
function OnSelectChange(event) {
document.getElementById('ibaw').value = event.selectedOptions[0].getAttribute('data-number');
}
</script>

<tr><td>Name</td>
<td>
<select onchange="OnSelectChange(this)" class="form-control" name="name">
<option data-number="+41795443322" value="Test Name">Test Name</option>
<option data-number="+41795443322" value="Max Muster">Max Muster</option>
</select>
</td>
</tr>

<tr><td>Mobilenummer</td>
<td>
<input id="ibaw" type="text" name="no" class="form-control">
</td>
</tr>

[/src]

Besten Dank euch beiden :)
 
Oben