我正在嘗試這樣做:

一個顏色選擇器，你可以選擇一些顏色，但只能從這40種顏色中選擇。 我不想對每種顏色都使用eventlistener。我覺得應該可以像a & lt選擇& gt元素，但如何？

我建議你可以使用一些顏色選擇器庫，比如Spectrum https://bgrins.github.io/spectrum/ 這一個包括顏色選擇器與各種觀點和其他功能，是免費的。 這可以節省大量的時間和工作

我認為這將是一個很大的修修補補做你的具體解決方案。 為了完成你的解決方案，我會做一個包含40個單元格的html表，然后為每個單元格定義一種顏色，編寫代碼來定義用戶選擇了哪一個，以便以后用于你需要的任何目的。

如果是我，我會用這樣的東西: 代碼來自:http://widget.colorcodehex.com/color-picker.html

<div style="font-family: Arial,Helvetica,sans-serif; border: solid 1px #cccccc; position: absolute; width: 240px; height: 326px; background: #ffffff; -moz-box-shadow: 0 0 6px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 6px rgba(0,0,0,.25); box-shadow: 0 0 6px rgba(0,0,0,.25); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">

<div style="background-color: #2d6ab4; position: absolute; top: 0px; left: 0px; width: 100%; height: 22px; text-align: center; padding-top: 2px; font-weight: bold; border-top-right-radius: 5px; border-top-left-radius: 5px;"><a style="text-decoration: none; color: #ffffff;" target="_blank" >HTML Color Picker</a></div>

這樣你可以得到相同的結果(或者在我看來更好，因為用戶可以定義他們喜歡的任何顏色),但你不必坐下來做所有的表格顏色代碼和用戶交互代碼。

/S

如果你真的想要它作為一個選擇，你可以這樣做:

<select>
    <option style="background-color:red" value="red">Red</option>
    <option style="background-color:green" value="green">Green</option>
    <option style="background-color:#0000ff" value="#0000ff">Blue (as hex)</option>
</select>

這根本不需要Javascript。