我正在使用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元素上。