他の質問サイトにて同じ内容を聞いてみたのですが、1週間以上何の回答もないためteratailの皆様から教えて頂けないかと思い質問します。
テキストをクリックしたときに、背景の色を変更させるということをjQueryで行っております。
(下記テストページにてご確認頂けます)
html
<p id='apple'>apple</p> <p id='banana'>banana</p> <p id='cake'>cake</p> <input type="submit" value="OK">
jQuery
$(document).on('click','#apple',function(){ console.log($(this).css("background-color") ); if($(this).css('background-color')=='rgb(255, 0, 0)' ){ $(this).css({'background-color':'white','color':'black'}); }else{ $(this).css({'background-color':'red','color':'black'}); } }); $(document).on('click','#banana',function(){ console.log($(this).css("background-color") ); if($(this).css('background-color')=='rgb(255, 0, 0)' ){ $(this).css({'background-color':'white','color':'black'}); }else{ $(this).css({'background-color':'red','color':'black'}); } }); $(document).on('click','#cake',function(){ console.log($(this).css("background-color") ); if($(this).css('background-color')=='rgb(255, 0, 0)' ){ $(this).css({'background-color':'white','color':'black'}); }else{ $(this).css({'background-color':'red','color':'black'}); } });
[OK]ボタンを押下したときに、色を変更した部分の要素(apple,banana,cake)を取得してrailsのコントローラー上へ送り、データベース(rails付属のsqlite)上へ保存したいのですが、どうしたらよろしいでしょうか?
POSTで送るとした時に、homeコントローラーのhogeアクションがありFugaというモデルがあった場合
下記のようになるのかなと思うのですが、*1部分が分からず困っております。
html
<p id='apple'>apple</p> <p id='banana'>banana</p> <p id='cake'>cake</p> <input type="submit" value="OK"> *1 ここで、OKボタンを押すときにどうやって「選択されたテキストだけのid値」を取得することができるのか?
homeコントローラー
def hoge @fuga = Fuga.new() @fuga.value = ここに背景が赤くなった要素 *1 @fuga.save end
どうしたらトップページの[OK]ボタンを押下した時に、背景が赤い要素(idの値)を取得することができますでしょうか?
ご助言頂けましたら幸いです。
伝えベタのためうまく伝わっていませんでしたら何でも回答いたしますので、ご返信いただけませんでしょうか?
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/07/09 06:45 編集
2016/07/09 08:49