获取HTML中的colorpicker值？

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，并且每个javascript或Jquarry都使用了colorpick，我们需要使用id标签，但是如何在BgColor = < br /> 希望你明白我的意思。 我的意思是我想如果用户使用颜色选择器并选择一种颜色，则该颜色会在BgColor的img文件中自动更新，例如

<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**">

我想在这里打印colorpicker值。可能

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

对不起，英语不好。

Answer 1

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

Id 1在js / jquery中无效。