Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 打印所选颜色代码以输入值_Javascript_Jquery_Ruby On Rails_Ruby On Rails 3 - Fatal编程技术网

Javascript 打印所选颜色代码以输入值

Javascript 打印所选颜色代码以输入值,javascript,jquery,ruby-on-rails,ruby-on-rails-3,Javascript,Jquery,Ruby On Rails,Ruby On Rails 3,我在一个rails应用程序中使用一个快速的颜色选择源,我在尝试改变“点击”时发生的事情时迷失了方向;我想要的是,当有人选择颜色而不是在html中打印颜色十六进制时,它会带来输入值。到目前为止,我已经做到了 <script type="text/javascript"><!-- $(document).ready(function(){ $('#test').colorPicker( { click:function(

我在一个rails应用程序中使用一个快速的颜色选择源,我在尝试改变“点击”时发生的事情时迷失了方向;我想要的是,当有人选择颜色而不是在html中打印颜色十六进制时,它会带来输入值。到目前为止,我已经做到了

 <script type="text/javascript"><!--
    $(document).ready(function(){
        $('#test').colorPicker(
        {
          click:function(c){
            $('input[value]').html(c);
          }
        });

    });</script>

我想你想要这样的东西:

click: function (c) {
    $('input[color]').val(c);
}

我想你需要使用jscolor选择器

用以下方法修复它

click: function (c) {
    $('input[color]').val(c);
}
致:


谢谢大家

不,不是这样的。原来是,;函数(c){$('#output').html(c)}然后我必须放置一个打印十六进制颜色的函数,但在我的情况下,我不想将它打印到“output”div,而是在输入值中打印它,以便rails稍后将它保存到DB。如果我理解您的问题,这就是您需要采取的方法,您只需确定正确的输入选择器是什么(我猜它是
input[color]
),然后设置新值。您是否在单击处理程序中设置了断点,以确认在您认为正确的情况下确实调用了它?你确定“input[value]”选择器确实找到了你感兴趣的字段吗?是的,我在javascript中得到的是$(document).ready(function(){$('#color').colorPicker({color:['#16a085'],click:function(c){$('input[bin_color]')).val(c);}….bin_color是我输入的ID…我在该输入上设置为空的值,如下图所示;提交时,它会抓取空值,但我猜它不会放入选定的颜色。如果我用$(document)添加标记.ready(function(){$('#test').colorPicker({color:['#16a085'],单击:function(color){$('#output').html(color);});它可以很好地将十六进制颜色打印到我的div中。我正在使用它,并将其全部打印出来,但由于某种原因,该值没有打印出来,如果我在这个小源代码的网站上做了类似的操作,它会打印出来,但由于java输出了它,所以应该很简单地告诉它将其放入一个输入值中,然后隐藏到div中。
click: function (c) {
    $('input[color]').val(c);
}
click: function (c) {
    $('#bin_color').val(c);
}