從不同於顯示的文本字段提交值

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(); 
});