javascript - 获取html中的颜色选择器值？

Question

这是我的颜色选择器的代码。 http://jsfiddle.net/7jg4e/728/

<img id="1" alt="test"  src="https:/test.com/IMGService.ashx?imagetype=typeit&amp;postid=7406&amp;width=100%&amp;height=142&amp;RenderText=[field title]&amp;TextSize=96&amp;TextColor=%23ff0000&amp;BgColor=%23ffffff"> 

这是我的 img 标签，它是将文本转换为图像的 api。我想将 colopicker 添加到此图像标签，以便用户可以更改图像的颜色，这样我就有了 colorpicker，并且每个 colorpick 都使用 javascript 或 Jquarry 输出，我们需要使用 id 标签，但是我如何在 BgColor=< 中获取颜色名称值br/>我希望你能理解我的观点。我的意思是，如果用户使用颜色选择器并选择一种颜色，它会自动更新 img 中的 BgColor，如下所示

<img id="1" alt="test"  src="https:/test.com/IMGService.ashx?imagetype=typeit&amp;postid=7406&amp;width=100%&amp;height=142&amp;RenderText=[field title]&amp;TextSize=96&amp;TextColor=%23ff0000&amp;BgColor=%23**Color Picker color value Here**">

我想在这里打印颜色选择器值。有可能吗

;BgColor=%23**Color Picker color value Here**">  

抱歉英语不好。

Answer 1

let src = 'URL' + $('#color').val().replace('#','');
$('#1').attr('src', src);

Id 1 在 js/jquery 中不应有效。