0

shift_types次のように、モデルを取り込む代替配列があります。

  SHIFT_TYPES = %w(Half Full Semi-Foo)

そして私の見解では、私は以下を持っています

<%= f.select(:shift_type, HospitalBooking::SHIFT_TYPES.each_with_index { |e,i| [i,e] }) %>

私が達成しようとしているのは、選択したシフトタイプに応じて、テーブルセルの背景が変わることです。だから私がやったことは私のapplication.jsで次のことをして.addclassを使おうとしています

$('.rota td').addClass("Half Full Semi-Foo");

cssでは次のように設定されます

.Half{ background-color: green;
}

.Full{ background-color: #ff0000;}

.Semi-Foo { background-color: #ffff00;}

この設定は正しいと確信しています。ただし、予約してシフトタイプを選択しても、テーブルセルは変更されないようです。

4

1 に答える 1

0

次のようなことを試しましたか：

$("#hospital_booking_shift_type").change(function(){
  $(this).closest('td').removeClass('Half Full Semi-Foo').addClass($(this).val())
})
于 2013-02-21T02:59:02.860 に答える