Hur lägga flera "value" till en "input" i HTML?

Tråden skapades och har fått 2 svar. Det senaste inlägget skrevs .
1

Hej

Jag håller på med ett litet formulär system till våran hemsida och jag har fått problem. Jag behöver att få ett alternativ i en meny att ge två olika "value".

Jag har snott och modifierat följande exempel från w3schools:

<input type="hidden" value="foo">
<select>
<optgroup label="Swedish Cars">
<option value ="volvo">Volvo, gul</option>
<option value ="saab">Saab, gul</option>
</optgroup>
<optgroup label="German Cars">
<option value ="mercedes">Mercedes, röd</option>
<option value ="audi">Audi, röd</option>
</optgroup>
</select>

Hur gör jag om jag vill ha både bilmärket och färgen som två olika "value". I exemplet ovan så får "value="foo"" in vilket bilmärke jag har valt. Men jag går helt bet på hur jag får in färgerna.

Min verkliga situation är lite mer komplicerad än exemplet men jag har förenklat allt för att göra det lite mer överskådligt.

hoppas att ni kan hjälpa mig.
/Martin

  • Oregistrerad
  • 2005-02-19 00:11

Hej!

Du kan lägga in både värdena för märke och färg i value:

<option value ="volvo,gul">Volvo, gul</option>

och sedan köra en funktion liknande den nedan för att dela upp dem vid lämplig separator (ex. ett ,) och placera dem i en array:

function getValues() {
  //en sträng håller aktuellt val i select-listan
  var selectedValue = new String(document.forms[0].drop1.value);
  
  //en array skapas av strängen
  var tempArr = selectedValue.split(',');
  
  //visa information, position 0 har märket och position 1 färgen
  alert('Märke: ' + tempArr[0] + '. Färg: ' + tempArr[1]);
}

Detta är testat i Firefox 1.0 och IE 6.0 på WindowsXP, men det bör fungera likadant med alla korrekta javascript-tolkar.

Hoppas detta hjälper dig!

Tack för den snabba hjälpen!

Jag är inte så bra javascript men jag ska testa ditt förslag under helgen.

/Martin

1
Bevaka tråden