Hans-Maier-eV: Wie kann ich meine wiederholenden Dropdown Listen vereinfachen?

Beitrag lesen

Hallo zusammen

ich bin Anfänger und bräuchte mal Hilfe.

Ich bastele grad an einem kleinen Projekt, in dem sich Dropdown listen vielfach wiederholen. Es werden 32 listen, mit je 10 Auswahlmöglichkeiten (immer die selbe Liste).

Wenn ich das klassisch mache wird der Code unendlich lang. Kann man die liste einmal definieren und dann immer wieder aufrufen?

Ich danke schon mal für jeglichen Rat!

Beispiel code:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
    <label for="p1-t1"> 
      <i>Taste 1</i> 
      <select name="p1-t1" id="p1-t1" size="1">
        <option value="Raum1">1</option>
        <option value="Raum2">2</option>
        <option value="Raum3">3</option>
        <option value="Raum4">4</option>
        <option value="Raum5">5</option>
        <option value="Raum6">6</option>
        <option value="Raum7">7</option>
        <option value="Raum8">8</option>
        <option value="Raum9">9</option>
        <option value="Raum10">10</option>
      </select>
    </label>
    <p>
    <label for="p1-t2"> 
      <i>Taste 2</i> 
      <select name="p1-t2" id="p1-t2" size="1">
        <option value="Raum1">1</option>
        <option value="Raum2">2</option>
        <option value="Raum3">3</option>
        <option value="Raum4">4</option>
        <option value="Raum5">5</option>
        <option value="Raum6">6</option>
        <option value="Raum7">7</option>
        <option value="Raum8">8</option>
        <option value="Raum9">9</option>
        <option value="Raum10">10</option>
      </select>
    </label>
    <p>
    <label for="p1-t3"> 
      <i>Taste 3</i> 
      <select name="p1-t3" id="p1-t3" size="1">
        <option value="Raum1">1</option>
        <option value="Raum2">2</option>
        <option value="Raum3">3</option>
        <option value="Raum4">4</option>
        <option value="Raum5">5</option>
        <option value="Raum6">6</option>
        <option value="Raum7">7</option>
        <option value="Raum8">8</option>
        <option value="Raum9">9</option>
        <option value="Raum10">10</option>
      </select>
    </label>
    <p>
    <label for="p1-t4"> 
      <i>Taste 4</i> 
      <select name="p1-t4" id="p1-t4" size="1">
        <option value="Raum1">1</option>
        <option value="Raum2">2</option>
        <option value="Raum3">3</option>
        <option value="Raum4">4</option>
        <option value="Raum5">5</option>
        <option value="Raum6">6</option>
        <option value="Raum7">7</option>
        <option value="Raum8">8</option>
        <option value="Raum9">9</option>
        <option value="Raum10">10</option>
      </select>
    </label>
</body>