Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:javascript:preselect

Dies ist eine alte Version des Dokuments!


PRE SELECT Selectbox

Z.B. durch das anklicken eines Bildes in der Selectbox den passenden Eintrag wählen.

<select id="leaveCode" > <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> </select>   <img src="b1.jpg" onclick="selectElement('leaveCode', '10')"> <img src="b2.jpg" onclick="selectElement('leaveCode', '11')"> <img src="b3.jpg" onclick="selectElement('leaveCode', '14')">   <script> function selectElement(id, valueToSelect) { let element = document.getElementById(id); element.value = valueToSelect; } </script>

<select id="leaveCode" >
  <option value="10">Annual Leave</option>
  <option value="11">Medical Leave</option>
  <option value="14">Long Service</option>
</select>
 
<img src="b1.jpg" onclick="selectElement('leaveCode', '10')">
<img src="b2.jpg" onclick="selectElement('leaveCode', '11')">
<img src="b3.jpg" onclick="selectElement('leaveCode', '14')">
 
<script>
function selectElement(id, valueToSelect) {    
    let element = document.getElementById(id);
    element.value = valueToSelect;
}
</script>
Diese Website verwendet nur für den Betrieb notwendige Cookies. Durch die Nutzung der Website stimmen Sie dem Speichern von Cookies auf Ihrem Computer sowie den Datenschutzbestimmungen zu. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
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