Question

我想知道如何从颜色选择器中获取值并将其返回到js脚本

这是HTML代码

<!DOCTYPE html>
<script type="text/javascript" src="Scripts/jquery-3.1.1.js"></script>
<script type="text/javascript" src="js/bootstrap-colorpicker.js"></script>
<link rel='stylesheet' href='css/bootstrap-colorpicker.css' />
<script type="text/javascript" src="js/bootstrap-colorpicker.min.js"></script>
<link rel='stylesheet' href='css/bootstrap-colorpicker.min.css' />

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">


<head>
    <meta charset="utf-8" />



</head>
<body>
    <p> test test test</p>
    <div id="cp2" class="input-group colorpicker-component">
        <input type="text" value="#00AABB" class="form-control" />
        <span class="input-group-addon"><i></i></span>
    </div>
    <script>
        $(function () {
            $('#cp2').colorpicker({
                color: '#AA3399',
                format: 'rgb'
        })
        });
    </script>

</body>
</html>
<script>document.getElementById("cp2").value = function () {

    return rgb;

    }
    </script>
`

我希望将RGB格式的颜色选择器的值返回到js脚本，以便我能够像这样分配变量

var 1 = rgb[1] var 2 = rgb[2] var 3 = rgb[3]

` 如果你决定帮助我，我会很感激，你可以解释一下，这样我就可以从中学习。

Answer 1

检查javascript功能：

<script>
           (function() {
            var rgb = document.getElementById("cp2").value ;
            return rgb;
            })();
</script>

从颜色选择器获取值并将其返回

1 个答案: