javascript - HTML - 从 mysql 生成的选择框内的选项更改文本区域中的颜色

Question

我一直在尝试搜索与我想要的类似的东西，但似乎无法获得确切的解决方案。我绝不是 HTML 编码员，但我必须用 HTML 做一些工作，所以我正在学习。我知道我的代码可能有点乱/不需要，所以请原谅我。我设法找到了一些类似的 javascript，因此您将在下面看到它。

• 首先，我创建了一个表格，表格中的单元格中插入了选择框和文本区域。
• 选择框是从 MySQL 生成的(所以我也在使用 PHP)。
• 当我从该选择框中选择一个特定选项时，我希望我的文本区域背景在不同的单元格中发生变化。
• 我已经为文本区域提供了一个 ID，这样就可以做到这一点。

我目前可以使用这个:

<select  onChange="updateColor(this.options[this.selectedIndex].value);"  name="sunday combo" id="Suncombo2">
    <option value= " " selected="selected">Please Select</option>
    <option value="FFFFCC">light yellow
    <option value="CCFFFF">light blue
    <option value="CCFFCC">light green
    <option value="CCCCCC">gray
    <option value="FFFFFF">white'

    Javascript: 
<SCRIPT LANGUAGE="JavaScript">
function updateColor(color){
    var myCell = document.getElementById('2ndInputSun');     
        myCell.style.background = "#"+color;

}

HTML:

<tr class="5row">
<td class="2ndInputMon"><textarea></textarea></td>
<td class="2ndInputTues"><textarea></textarea></td>
<td class="2ndInputWed"><textarea></textarea></td>
<td class="2ndInputThurs"><textarea></textarea></td>
<td class="2ndInputFri"><textarea></textarea></td>
<td class="2ndInputSat"><textarea></textarea></td>
<td class="2ndInputSun"><textarea></textarea></td>

但是，当我插入所有这些时，文本区域的颜色没有变化。

Answer 1

你没有给元素一个ID，你给了他们一个CLASS。所以 getElementById() 将不起作用。更改 html 以添加 ID 而不是类。