HTML Select einer Form 2 Parameter

Gurff · 23. Januar 2013

Gibt es eine Möglichkeit dass ein select in einem form 2 parameter ändert? Ich muss zwangsläufig 2 IDs übergeben, der Nutzer soll aber nur 1x wählen.

Der name des select wäre für beide values unterschiedlich

Könnte zB ein sichtbares select auch ein hidden select beeinflussen?

Beispiel:

HTML:

<select id="ID1" name="Name1">
<option value="x100">Artikel 1</option>
<option value="x200">Artikel 2</option>
<option value="x300">Artikel 3</option>
</select>

<select id="ID2" name="Name2">
<option value="y100">Artikel 1</option>
<option value="y200">Artikel 2</option>
<option value="y300">Artikel 3</option>
</select>

Sprich, der Nutzer wählt Artikel 1, und die Form überträgt für Name1:x100 und für Name2:y100

Ergänzung (23. Januar 2013)

Irgendwie über onselect oder onchange? Kenne mich da leider wenig aus.

cheft · 23. Januar 2013

Hi,
ohne Garantie, dass es in allen Browsern funktioniert, probier es mal so:

HTML:

<html>
 <head>
 </head>
 <body>
  <script type="text/javascript">
   function changeHidden(selectedValue){
    var hf = document.getElementById('ID2');
    switch (selectedValue) {
     case 'x100':
      hf.value = 'y100';
      break;
     case 'x200':
      hf.value = 'y200';
      break;
     case 'x300':
      hf.value = 'y300';
      break;
     default:
      hf.value = '';
    }
   }
  </script>
  <form>
   <select id="ID1" name="Name1" onChange="changeHidden(this.value)">
    <option value="x100">Artikel 1</option>
    <option value="x200">Artikel 2</option>
    <option value="x300">Artikel 3</option>
   </select>
   <input type="text" name="Name2" id="ID2" value="y100">
  </form>
 </body>
</html>

Hab es in FireFox getestet.

Alternativ könntest du ja auch die Werte als Kette übergeben, dann kannst du auf JavaScript verzichten:

HTML:

   <select id="ID1" name="Name1" onChange="changeHidden(this.value)">
    <option value="x100,y100">Artikel 1</option>
    <option value="x200,y200">Artikel 2</option>
    <option value="x300,y300">Artikel 3</option>
   </select>

Auf der Empfängerseite musst du dann ja die Werte auf jedenfall entgegen nehmen und bearbeiten (php, asp, etc...), dann kannst du den für "Name1" übergebenen Wert ja einfach am "," Zeichen splitten und schon hast du beide Werte.
Hätte den Vorteil, dass das dann auch bei deaktiviertem Javascript noch funktioniert...

Gurff · 23. Januar 2013

Es müsste sich direkt in dem input Feld ändern, wenn es klappt oder? Das ist nämlich leider nicht der Fall.

Die Alternative kann ich leider nicht nutzen, da ich die Empfängerseite nicht bearbeiten kann.

Ergänzung (23. Januar 2013)

Oh entschuldige, hatte ein ' vergessen, nun wechselt er. Vielen Dank.

Suche

HTML Select einer Form 2 Parameter

Gurff

Cadet 4th Year

cheft

Lt. Junior Grade

Gurff

Cadet 4th Year

Ähnliche Themen