[JAVA] [Für Anfänger] Ich möchte mit einem Auswahlbefehl automatisch vorregistrierte Daten in das Eingabeformular eingeben.

ich war in Schwierigkeiten

――Ich wollte die vorregistrierten Daten im Pulldown-Menü festlegen und auswählen, um das Formular automatisch auszufüllen. ――Ich habe verschiedene Artikel ausprobiert, aber es gab viele Methoden, die bei Verwendung des Formular-Helfers nicht funktionierten.

• Es gab eine Möglichkeit, den Formular-Helfer zu stoppen, aber ich dachte, es wäre wünschenswert, den Formular-Helfer aus Sicherheitsgründen zu verwenden.

Was du machen willst

• Registrieren Sie die Vorlagendaten im Voraus --Wenn mit dem Auswahlbefehl ausgewählt, wird es automatisch in das Eingabeformular ausgefüllt ――Ich möchte den numerischen Wert zum Zeitpunkt der Registrierung ändern können, nicht nur eine Vorlage

Entwicklungsumgebung

ruby '2.6.6'
gem 'rails', '~> 6.0.3', '>= 6.0.3.3'

Implementierungsdetails

• Im undone_action-Modell (Spalten sind action_name und default_time) werden Daten im Voraus registriert.
• Setzen Sie undone_actions in das Auswahlfeld --Wenn Sie das Auswahlfeld auswählen, tritt ein Ereignis auf und der Speichername und die verdiente Zeit des Eingabeformulars werden ausgefüllt.

ruby:new.html.erb

<%= form_with(model: @savings_record, local: true) do |f| %>
  <div class="form-group>
    <label>Mein unnötiges Verhalten</label>
    <select multiple id="my_undone_action" class="form-control" onChange='auto_input()'>
      <option disabled selected value>Choose...</option>
      <% current_user.undone_actions.each do |undone_action| %>
        <option value= "<%= undone_action.action_name %>&<%= undone_action.default_time %>"><%= undone_action.action_name %></option>
      <% end %>
    </select>
  </div>

  <div class="form-group">
    <%= f.label :savings_name, "Unnötige Maßnahmen" %>
    <%= f.text_field :savings_name, autofocus: true %>
  </div>

  <div class="form-group">
    <%= f.label :earned_time, "Benötigte Zeit(Protokoll)" %>
    <%= f.number_field :earned_time, autofocus: true %>
  </div>

  <div class="actions">
    <%= f.submit "Geld sparen" %>
  </div>
<% end %>

<script>
  var auto_input = function () {
    var element = document.getElementById("my_undone_action");
    document.getElementById("savings_record_savings_name").value = element.value.split("&")[0];
    document.getElementById("savings_record_earned_time").value = element.value.split("&")[1];
  }
</script>

Vollständiges Formular

Wählen Sie den Befehl aus, bevor Sie auf klicken

Wählen Sie nach dem Klicken den Befehl aus

Schließlich

Ich habe die Punkte veröffentlicht, auf die ich beim Erstellen eines Portfolios gestoßen bin, um Jobs in ein webbasiertes Unternehmen umzuwandeln. Ich hoffe es hilft jemandem, der die gleichen Probleme hat.