我正在使用bootstrap制作一个表单,其中一个输入是一个colorpicker元素。当用户选择一种颜色时,value属性保持不变。似乎value属性保持为最初的值。
我正在使用:[[email protected]](https://stackoverflow.com/cdn-cgi/l/email-protection)
和[[email protected]](https://stackoverflow.com/cdn-cgi/l/email-protection)
下面是我的颜色输入:
<div class="row align-items-center">
<label class="col col-form-label" for="priceColor">Price Color</label>
<div class="col">
<input type="color" class="form-control form-control-color" id="priceColor" value="#563d7c" title="Choose your color">
</div>
</div>
字符串
下面是我的javacript:
$('#priceColor').on('change', function() {
console.log($('#priceColor').attr('value'))
});
型
当颜色改变时,上面的代码确实会被触发,但是值仍然与上面所说的相同。
需要说明的是,我没有使用bootstrap-colorpicker,我只使用Bootstrap的颜色选择器。
我不知道值是否存储在其他地方,但它不会存储在html元素上。
1条答案
按热度按时间rdrgkggo1#
您需要获取当前的颜色值,而不是打印在html中指定的初始固定值。
字符串
这将提供当前的颜色代码。