표시된 텍스트 필드와 다른 텍스트 필드에서 값 제출

Question

드롭 다운 (%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 

Answer 1

제출 청취자의 몇 가지 예입니다 :

Submit Event Listener for a form

Use submit event listener when form is submitted via inline JavaScript?

비슷한 질문 here을 요구하고있다.

코드 예제 :

$('#myform').submit(function(event) { 
    $('#book-selected').val(currentBookId); 
    this.submit(); 
});