Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:javascript:preselect

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
programmieren:javascript:preselect [19/06/2020 16:21] connyprogrammieren:javascript:preselect [Unbekanntes Datum] (aktuell) – Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1
Zeile 1: Zeile 1:
-==== PRE SELECT Selectbox ====+==== PRE SELECT -> Selectbox ====
  
 Z.B. durch das anklicken eines Bildes in der Selectbox den passenden Eintrag wählen. Z.B. durch das anklicken eines Bildes in der Selectbox den passenden Eintrag wählen.
 +Im folgenden Beispiel einfach mal auf die Zahlen in den roten Kästchen klicken und schauen wie sich die Selectbox ändert.
  
-<php>+<html>
 <select id="leaveCode" > <select id="leaveCode" >
-  <option value="10">Annual Leave</option> +  <option value="1">(1) Annual Leave</option> 
-  <option value="11">Medical Leave</option> +  <option value="2">(2) Medical Leave</option> 
-  <option value="14">Long Service</option>+  <option value="3">(3) Long Service</option>
 </select> </select>
  
-<img src="b1.jpg" onclick="selectElement('leaveCode', '10')"> +<img src="b1.jpg" onclick="selectElement('leaveCode', '1')"> 
-<img src="b2.jpg" onclick="selectElement('leaveCode', '11')"> +<img src="b2.jpg" onclick="selectElement('leaveCode', '2')"> 
-<img src="b3.jpg" onclick="selectElement('leaveCode', '14')">+<img src="b3.jpg" onclick="selectElement('leaveCode', '3')">
  
 <script> <script>
Zeile 20: Zeile 21:
 } }
 </script> </script>
-</php>+</html>
  
  
-<code javascript>+<code javascript| demo.html>
 <select id="leaveCode" > <select id="leaveCode" >
-  <option value="10">Annual Leave</option> +  <option value="1">(1) Annual Leave</option> 
-  <option value="11">Medical Leave</option> +  <option value="2">(2) Medical Leave</option> 
-  <option value="14">Long Service</option>+  <option value="3">(3) Long Service</option>
 </select> </select>
  
-<img src="b1.jpg" onclick="selectElement('leaveCode', '10')"> +<img src="b1.jpg" onclick="selectElement('leaveCode', '1')"> 
-<img src="b2.jpg" onclick="selectElement('leaveCode', '11')"> +<img src="b2.jpg" onclick="selectElement('leaveCode', '2')"> 
-<img src="b3.jpg" onclick="selectElement('leaveCode', '14')">+<img src="b3.jpg" onclick="selectElement('leaveCode', '3')">
  
 <script> <script>
programmieren/javascript/preselect.1592576503.txt.gz · Zuletzt geändert: 19/06/2020 15:21 (Externe Bearbeitung)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki