2012-07-12 146 views
0

我需要「按摩」一個HTML表格。如何從下拉列表中替換表格單元格值?

在頁面上有一個下拉菜單:

<SELECT CLASS='slctor' size='1' NAME='KEYVAL' ID='KEYVAL' > 
        <OPTION VALUE='{*}'>* 
        </OPTION> 
        <OPTION value='10'>green 
        </OPTION> 
        <OPTION value='20'>green 
        </OPTION> 
        <OPTION value='30'>green 
        </OPTION> 
        <OPTION value='40'>yellow 
        </OPTION> 
        <OPTION value='90'>red 
        </OPTION> 
       </SELECT> 

我也有人/年的表,併爲每對值:

<table> 
<tr> 
    <td></td> 
    <td>2001</td> 
    <td>2002</td> 
    <td>2003</td> 
</tr> 
<tr> 
    <td>JOE</td> 
    <td>10</td> 
    <td>30</td> 
    <td>90</td> 
</tr><tr> 
    <td>BETTY</td> 
    <td>20</td> 
    <td>20</td> 
    <td>40</td> 
</tr> 
</table> 

我想使用jQuery「解決「下拉值中的每個單元格值,返回標籤並替換單元格內容(或背景顏色)。

我能夠完成基本操作,就像在實際的DOM操作中一樣,但我需要實際幫助以有效的方式進行查找。

+0

這是使用下拉菜單的非常奇怪的方式。爲什麼你會有多個「綠色」值?它幾乎看起來像你用它來存儲變量值。 – Thor84no 2012-07-12 11:29:45

+0

我同意,我的例子很簡單。但是,這是我現在可以從數據庫中獲取信息的方式,所以你是正確的,下拉列表就在那裏提供變量 – 2012-07-12 11:46:41

+0

嗯,我不知道你是如何創建該下拉列表,但無論創建它應該可能應該只需在'var green = 30,yellow = 40,red = 90'的行上在'

相關問題