Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:javascript:preselect

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.

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>
Cookies helfen bei der Bereitstellung von Inhalten. Diese Website verwendet Cookies. Mit der Nutzung der Website erklären Sie sich damit einverstanden, dass Cookies auf Ihrem Computer gespeichert werden. Außerdem bestätigen Sie, dass Sie unsere Datenschutzerklärung gelesen und verstanden haben. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren:javascript (60 views) · Zuletzt geändert: 19/06/2020 16:43 von conny