Question

我有一个名为bodyStyle（）的函数，它接受5个值：

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

这些参数接受5种不同颜色并将其应用于页面。

目前我正在使用图片，如图所示：

<a href="javascript:void(0);" onclick="bodyStyle('#444','white','#0424B5','#0424B5','#99975A');">
<img src="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（）的参数中。

提前感谢您的帮助！

Answer 1

我认为这5个参数适用于风格。

为什么不用这个5参数创建一个样式类并传递

该类名作为该选择选项的值

Answer 2

删除引号并将其写为单个字符串

<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]);
}

像这样的东西

Javascript组合框多个值

2 个答案: