Javascript kombinácie viacerých hodnôt - javascript, html

Mám funkciu s názvom bodyStyle (), ktorá akceptuje 5 hodnôt:

bodyStyle(textCol, backCol, heading1Col, headingsCol, linkCol)

Tieto parametre akceptujú 5 rôznych farieb a použijú ich na stránku.

Momentálne používam obrázky, ako je to znázornené:

<a href="javascript:void(0);" onclick="bodyStyle("#444","white","#0424B5","#0424B5","#99975A");">
<img src="/images/images/accessibility/bgcolour1.gif" alt="Black Text, White Background" /></a>

Snažím sa to presunúť do rozbaľovacieho zoznamu a momentálne mám nasledujúce:

<select name="colours" onchange="bodyStyle(accessibility.colours.value, accessibility.colours.value, accessibility.colours.value, accessibility.colours.value, accessibility.colours.value);">
<option value="-1">Select</option>
<option value="#444","white","#0424B5","#0424B5","#99975A">Black on White</option>
<option value="black","yellow","black","black","black">Black on Yellow</option>
<option value="black","#87CEFA", "black","black","black">Black on Blue</option>
</select>

Viem, že je to zle, ale naozaj netuším, musím akceptovať 5 hodnôt do parametrov bodyStyle ().

Ďakujeme vopred za vašu pomoc!

odpovede:

0 pre odpoveď č. 1

Zbavte sa úvodzoviek a napíšte ich ako jeden reťazec

<select name="colours" onchange="changeColour()">
<option value="-1">Select</option>
<option value="#444,white,#0424B5,#0424B5,#99975A">Black on White</option>
<option value="black,yellow,black,black,black">Black on Yellow</option>
<option value="black,#87CEFA, black,black,black>Black on Blue</option>
</select>

Potom urobíte:

function changeColour(){
var values = document.getElementsByName("colours")[0].value.split(",");
bodyStyle(values[0], values[1], values[2], values[3], values[4]);
}

Niečo také

---

0 pre odpoveď č. 2

Myslím, že týchto 5 parametrov je pre použitie štýlu.

prečo si nevyrábaš štýl s týmto 5 parametrom a prejdi

názov triedy ako hodnota vybranej možnosti

---