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 添加到此图像标签，以便用户可以更改图像的颜色，因此我有颜色选择器，并且每个颜色选择器都使用 javascript 或 Jquarry 输出，我们需要使用 id 标签，但我如何在我的 BgColor=
I中获取颜色名称值希望你明白我的意思。我的意思是我想要如果用户使用颜色选择器并选择一种颜色，它会在 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 中不应该是有效的。