2

%ul.dropdownドロップダウン ( ) とテキスト フィールド ( )を持つフォームがあります%input。ドロップダウンには本のリストがあります。ドロップダウンの項目をクリックすると、本のタイトルがテキスト フィールドに表示されます (これは、コード サンプルに含まれていない Javascript で行います)。フォームを送信する場合、タイトル自体ではなく、アイテムの ID を送信する必要があります。隠しフィールドと jQuery をいじることでこれを実現できますが、シンプルでエレガントな方法があればもっと良いでしょう。何かご意見は？ありがとう

コード (haml):

.input-group
  %input.form-control#book-selected{ type: "text", placeholder: "Please, select" }/  
    .input-group-btn
      %button.btn.button-transparent.dropdown-toggle{"data-toggle" => "dropdown", type: "button"}
        .icon-arrow-down
      %ul.dropdown-menu.pull-right#books-list
        - @books.each do |book|
          %li
            %a.book-select{ href: "#", 'data-book-id' => book.id }= book.name
4

1 に答える 1

0

送信リスナーの例を次に示します。

フォームのイベント リスナーを送信する

フォームがインライン JavaScript 経由で送信されるときに送信イベント リスナーを使用しますか?

同様の質問がここで尋ねられました。

コード例:

$('#myform').submit(function(event) {
  $('#book-selected').val( currentBookId );
  this.submit();
});
于 2013-11-01T22:23:32.040 に答える