Question

假设我创建了一个包含三行的图像。我希望客户端用户能够选择每一行的颜色。有5种可能的值（比如RED，BLUE，YELLOW，GREEN，VIOLET）。我知道如何使用JAVASCRIPT的“选项”功能为一行做这个。但这三个呢？我必须为每一行编写新代码，还是可以重用一个“选项”？出于测试目的，如何打印显示每行颜色的测试输出 - 类似于第1行= RED;第2行=蓝色;第3行=绿色？

Answer 1

要确切地说出你要求的东西有点难。以下是使用HTML选择控件的颜色选择器的工作示例：

HTML：

Select the color you would like: 
<select id="colorChooser">
    <option value="">Select a color</option>
    <option value="F00">Red</option>
    <option value="0F0">Green</option>
    <option value="00F">Blue</option>
</select><br>
<div id="selectedColor"></div>

使用Javascript：

document.getElementById("colorChooser").addEventListener("change", function() {
    if (this.value) {
        document.getElementById("selectedColor").style.backgroundColor = "#" + this.value;
    }
});

工作示例：http://jsfiddle.net/jfriend00/68FWM/

JAVASCRIPT选项

1 个答案: