javascript - Creating a HTML form with selector 已保存的 SQL 十六进制颜色的选择器

Question

我在一个 friend 的网站上工作，我正在帮助创建一个简单的估算器表单。他负责修理排水沟，并且有一份不同颜色的排水沟颜色 list 。我为他开发了一个应用程序，用于使用 sku、名称、价格和十六进制颜色更新 sql 数据库。我想提取数据库中的十六进制颜色并将其实现为估算器形式，但我不确定这样做的最佳方法。我知道那里有很多“颜色选择器”脚本，但我并没有处理每一个十六进制组合......最多大约 20 种不同的颜色，但这个数字会随着他的库存变化而变化。

有什么方法可以创建一个带有小框的选择器，该小框将名称旁边的十六进制颜色显示为值？或者甚至，有一个包含 X 行和 5 列的彩色框的表格，并且该表单能够处理用户选择的那些框之一？

我主要专注于移动应用程序开发，我不知道我是否正确描述了我的问题，但我希望你明白我的意思。

Answer 1

创建一个表来存储您的值: var tbl = $('<table/>');

现在让我们创建行:

for(var x = 0; x < products.length; x++){
 var row = $('<tr/>'),
     colorSwatch = $('<div/>').css({width: '20px', height: '20px', background: bColor[x]}),

 row.html([
 $('<td/>').html(colorSwatch),
 $('<td/>').html(sku),
 $('<td/>').html(name),
 $('<td/>').html(price) 
 ]);

 row.appendTo(tbl); //Append the row to the table
}