-2

コレクションを選択しました

<%=f.collection_select :logic, @logics, :last, :first, :prompt => true%>

今、私はこのドロップダウンに5つの値しかなく、リストから別の値を選択すると、このドロップダウンに別のテキストを表示したい

このコレクションの下にスパンがあるように、選択は

 <td><span class="note" id="spanid1" >Select the logic type.</span></td>  

ここで、ドロップダウンに 5 つの異なる値があるとします。

A、B、C、D、E

そして選択すると

スパン内のメッセージは、「このロジックにより、1 日の支出が得られます」です。

スパンのbメッセージは「このロジックは毎日の節約を提供します」

スパンのcメッセージは「毎日の利益」などです

どうすればこれを行うことができ、同じスパンの値を動的に変更できますか。

4

1 に答える 1

3

次のような意味ですか。

var names = {
  A : "spend",
  B : "saving",
  ..and so on
};
$("#yourSelectElement").change(function() {
  //$(this).val() will have A,B,C,D or E
  var spanText = "this logic will give " + names.$(this).val();
  $(".note").html(spanText);
});
于 2012-05-15T09:33:24.000 に答える