Javascript селекция на няколко стойности - javascript, html

Имам функция, наречена bodyStyle (), която приема 5 стойности:

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

Тези параметри приемат 5 различни цвята и ги прилагат към страницата.

Понастоящем използвам изображения, както е показано:

<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>

Опитвам се да преместя това в комбинирано поле и понастоящем имам следното:

<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>

Знам, че това е погрешно, но аз наистина нямам представа, трябва да приема 5 стойности в bodyStyle () параметри.

Благодаря ви предварително за помощта!

Отговори:

0 за отговор № 1

Отървете се от кавичките и ги запишете като един низ

<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>

След това направете:

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

Нещо такова

---

0 за отговор № 2

Мисля, че тези 5 параметри са за прилагане на стил.

защо не правите стил клас с тези 5 параметри и преминават

името на този клас като стойността на тази опция за избор

---