將打印顏色代碼選擇爲輸入值

我在軌道應用程序中使用顏色選擇的快速源，並且在嘗試更改「點擊」時發生的情況時我迷失了方向;我想要的是，當有人選擇顏色而不是在html中打印顏色十六進制時，它會帶來輸入的價值。到目前爲止我已經完成了;將打印顏色代碼選擇爲輸入值

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

    });</script>

和我的輸入;

<%= f.hidden_field :color, :value => '' %>

但是我認爲我在點擊函數的工作方式中缺少一些東西。

來源

2013-11-05 user2419316

已經設置您單擊處理程序中的斷點，以確認它，當你認爲實際上是被稱爲？你確定'輸入[值]'選擇器實際上是找到你感興趣的領域嗎？ – opsidao

是的，我在javascript中得到的是; $（文件）。就緒（函數（）{$（ '＃顏色'）的ColorPicker（{顏色：[ '＃16a085']，點擊：功能（C）{$（ '輸入[bin_color]'）VAL（ c）;} .... bin_color是我輸入的ID ...我在這個輸入上設置爲空的值，像這樣; <％= f.hidden_field：color％>在提交時，它確實獲得了空值，但我想它不會把選中的顏色 – user2419316

如果我在$（document）.ready（function（）{$（'＃test'）。colorPicker（{color：['＃16a085']）我的標記中添加

，點擊：函數（顏色）{$（'＃輸出'）。html（顏色）;}）;}）;它工作完美罰款十六進制顏色打印到我的分區 – user2419316

我想你想是這樣的：

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

來源

2013-11-05 06:10:24 pdoherty926

nope不這樣做。是;功能（C）{。 \t \t \t $（ '＃輸出'）HTML（C）; \t \t \t} – user2419316

然後我要放

這將打印十六進制顏色，但在我的情況下，我並不試圖將其打印到「輸出」div，而是將其打印在輸入值中，以便以後rails將其保存到數據庫中。 – user2419316

如果我理解你的問題，這是你需要採取的方法，你只需要找出適當的輸入選擇器是什麼（我猜它是'輸入[顏色]'），然後設置新的值。 – pdoherty926

我想是這樣，你需要使用jscolor選擇器 http://jscolor.com/

來源

2013-11-05 09:28:28

我正在使用這個，所有的但由於某種原因，價值不打印，它打印，如果我做一個

就像這個小源的網站上，但由於Java輸出它，它應該是簡單的告訴它把它放在一個隱藏的輸入值中，然後放到一個div中。 http://www.syronex.com/software/jquery-color-picker – user2419316

得到它固定以下;

改爲;

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

到：

click: function (c) { 
    $('#bin_color').val(c); 
}

謝謝大家

來源

2013-11-05 18:12:28 user2419316

您應該將其標記爲「正確」的答案，然後...... – opsidao

將打印顏色代碼選擇爲輸入值

回答

相關問題