HennWeb

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

==== PRE SELECT -> Selectbox ====

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.

<html>
<select id="leaveCode" >
  <option value="1">(1) Annual Leave</option>
  <option value="2">(2) Medical Leave</option>
  <option value="3">(3) Long Service</option>
</select>

<img src="b1.jpg" onclick="selectElement('leaveCode', '1')">
<img src="b2.jpg" onclick="selectElement('leaveCode', '2')">
<img src="b3.jpg" onclick="selectElement('leaveCode', '3')">

<script>
function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}
</script>
</html>


<code javascript| demo.html>
<select id="leaveCode" >
  <option value="1">(1) Annual Leave</option>
  <option value="2">(2) Medical Leave</option>
  <option value="3">(3) Long Service</option>
</select>

<img src="b1.jpg" onclick="selectElement('leaveCode', '1')">
<img src="b2.jpg" onclick="selectElement('leaveCode', '2')">
<img src="b3.jpg" onclick="selectElement('leaveCode', '3')">

<script>
function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}
</script>
</code>