Получить значения colorpicker в 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 =
Надеюсь, вы понимаете мою мысль.я имею в виду, что я хочу, если пользователь использует палитру цветов и выбирает один цвет, его автоматическое обновление в 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**">

Я хочу напечатать значение палитры цветов здесь.возможно ли это

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

Извините за плохой английский.

Answer 1

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

Идентификатор 1 не должен быть действительным в js / jquery.