wybierz i zmień w formularzu Ruby na szynach

Question

Przeglądałem wszystkie pytania i odpowiedzi na SO na ten temat, ale nadal nie mogę wykonać mojego scenariusza. Chcę wywołać akcję przycisku kliknięcia po wybraniu opcji menu rozwijanego; wydaje się być prosty i powinien być bardzo powszechny w AJAX.

Oto stosowne fragmenty mojego kodu:

<%= form_for(@test, :html => {:id => "form_id", :name => "MyForm", :remote => "true"}) do |form| %> 
    <%= form.label "Menu1" %> 
    <%= form.select (:Menu1, [["Option1","value1"],["Option2","value2"]], :html_options=>{:onChange=>"javascript: this.form.apply_button_name.click();"}) %> 

    <!-- more select menus and text fields here --> 

    <div class="actions"> 
     <%= form.submit "Apply", :name => "apply_button_name", :remote => "true" %> 
    </div> 
<% end %> 

użyłem. „Remote =>«true»zarówno dla postaci i przycisku, ponieważ jest to jedyny sposób, aby uzyskać AJAX działa Próbowałem też z jawnymi "html_options" i "javascript:", po tym jak przejrzałem kilka odpowiedzi na SO, które sugerowały, ale to nie pomogło.Spróbowałem również na Select, i onClick zamiast na Change, ale wciąż nie ma szczęścia.

Wygenerowane HTML jest następujący:

Menu1 
    <select id="test_Menu1" name="test[Menu1]"><option value="value1">Option1</option> 
<option value="value2" selected="selected">Option2</option></select> 

Jak widać, w kodzie HTML nie ma obsługi zdarzenia onChange; CZEMU? Czy ktoś widzi, co robię źle?

Dzięki za pomoc.

Answer 1

Modyfikuj swój apel do form.select coś takiego:

<%= form.select :Menu1, [["Option1","value1"],["Option2","value2"]], {}, 
       :onChange=>"javascript: this.form.apply_button_name.click();" %> 

Answer 2

Jeśli zbadać dokumentację:

API Dock Ruby on Rails select

widać, że wybierz formę pomocnik ma postać:

select (obiekt, metoda, opcje, opcje = {}, html_options = {})

Jeśli nic nie przekazujesz dla opcji hash (w twoim przypadku będzie to pusta tablica asocjacyjna), to formularz uważa, że ​​twój skrót html_options jest twoim hashem opcji mieszania i staje się zdezorientowany.

Sposobem sprawdzenia tego jest dodanie czegoś takiego jak alert {: onchange => "(" Cześć ");"} i sprawdzenie, czy zdarzenie pomyślnie się uruchamia, lub alternatywnie na aktualnej stronie internetowej, kliknij prawym przyciskiem myszy wybierz element i sprawdź go. Jeśli w html nie ma opcji onchange, oznacza to, że twój helper tworzący helisy faktycznie miesza opcje html z innymi opcjami. Więc, co powinna mieć:

<%= form.select (:Menu1, [["Option1","value1"],["Option2","value2"]], {}, {:onChange=>"handler();"} %> 

Pamiętaj o pustym mieszania dla OPCJI przed opcjami HTML i TY powinno być dobrze. Nie sądzę, że potrzebujesz nawet opcji html_options i javascript.

Wreszcie, jeśli onChange nie działa, spróbuj użyć onchange bez kapitału C.