Verwenden von HTML aus Werten in JavaScript-Objekten

Question

Hoffe, dass jemand helfen kann. Ich versuche, eine kleine Storefront für eine Testwebsite zu erstellen und die Formularwerte in einen JavaScript-Objektkonstruktor zu bekommen. Es gibt sechs Artikel auf der Storefront und ich habe eine separate von jedem erstellt, um Größe, Menge, Preis, Produktnamen und Produktcode zu geben. Wie bekomme ich die Werte in das Formular in Variablen in Javascript, damit ich sie in einem Objektkonstruktor verwenden kann. Da dies ein Testformular ist, wird es nicht auf einem Server veröffentlicht, weshalb ich Javascript verwenden muss, um die Bestelldetails zu verarbeiten. Ich hoffe, du kannst mir helfen, wenn ich mir die Haare ausreiße. Vielen Dank.

<form id="beanieOrderForm" name="beanieForm" action=""> 
      <input type="hidden" id="beaniePrice" value="15.99"> 
      <input type="hidden" id="beanieName" value="The Shack Beanie"> 
      <input type="hidden" id="beanieCode" value="SCSBEA01"> 
    <h3 class="productHeading">The Beanie</h3> 
    <p class="productPrice">£15.99</p> 

     <p>Size: 
     <select id="beanieSize"> 
      <option value="oneSize">One Size</option> 
     </select> 
     </p> 
     <p>Quantity: 
     <select id="beanieQuantity"> 
      <option value="1">1</option> 
      <option value="2">2</option> 
      <option value="3">3</option> 
      <option value="4">4</option> 
      <option value="5">5</option> 
      <option value="6">6</option> 
      <option value="7">7</option> 
      <option value="8">8</option> 
      <option value="9">9</option> 
      <option value="10">10</option>    
     </select> 
     </p> 
     <p> 
     <input type="button" class="shoppingButton" value="Add to Basket" onClick="processOrder"> 
     </p> 
     </form> 

Answer 1

Sie benötigen ein Verfahren in Form Aktion verwenden, um eine Funktion aufzurufen, die die Werte mit DOM-Methoden abruft, die die Werte der Felder des Formulars durch den Namen. Sie müssen außerdem eine Übermittlungseingabe hinzufügen, die eine Funktion zum Verarbeiten des Formulars aufruft. Sie haben kein Namensattribut hinzugefügt. Ein Formular speichert standardmäßig die Benutzereingaben, Sie müssen nur Funktionen schreiben, um die Werte abzurufen und sie zu speichern.