Javascript文本框值

我有一个颜色选择器：

HTML:

当我单击MessageBox按钮时，MessageBox只显示默认值FF0000，即使它显示的是不同的值。如何使其显示实际值？

试试以下方法：

document.getElementById（'#msg'）.addEventListener（'click'，function（）{ 警报（颜色选择器）； }，假）

---

您从未实际更新

颜色选择器

值

document.getElementById('msg').addEventListener('click', function() {
  alert (document.getElementById('chosen-color').value);
}, false);

试试这个：

document.getElementById('msg').addEventListener('click', function() {
          alert (colorPicker.value);
          }, false);

    //Color Picker    
    var colorPicker = (document.getElementById('chosen-color'));

---

问题在于，更改colorpicker后，您没有更新它的值

无法更新

颜色选择器。您也应该考虑不要使用<代码> OnChchange =“”/Cord>并将它带到另一个事件侦听器的JavaScript中。

var colorPicker = document.getElementById('chosen-color');

document.getElementById('msg').addEventListener('click', function() {
            alert (colorPicker.value);
        }, false);

document.getElementById('background-color').addEventListener('change', function() {
            colorPicker.value = this.value;
        }, false);

当您使用纯javascript时，为什么将其标记为jQuery？
getElementById
不使用CSS选择器语法-1.
document.getElementById('msg').addEventListener('click', function() {
  alert (document.getElementById('chosen-color').value);
}, false);

document.getElementById('msg').addEventListener('click', function() {
          alert (colorPicker.value);
          }, false);

    //Color Picker    
    var colorPicker = (document.getElementById('chosen-color'));

var colorPicker = document.getElementById('chosen-color');

document.getElementById('msg').addEventListener('click', function() {
            alert (colorPicker.value);
        }, false);

document.getElementById('background-color').addEventListener('change', function() {
            colorPicker.value = this.value;
        }, false);