자바 스크립트 객체의 값에서 HTML 사용하기

Question

누군가가 도움을 줄 수 있기를 바랍니다. 테스트 웹 사이트를위한 작은 상점을 만들고 JavaScript 값을 자바 스크립트 객체 생성자로 가져와야합니다. 점포에는 6 가지 항목이 있으며 크기, 수량, 가격, 제품 이름 및 제품 코드를 제공하기 위해 각각에 대해 별도의 항목을 만들었습니다. 양식에 입력 된 값을 자바 스크립트에서 변수로 가져와 객체 생성자에서 사용할 수 있도록하려면 어떻게해야합니까? 테스트 양식이므로 서버에 게시되지 않으므로 주문 세부 정보를 처리하는 데 javascript를 사용해야합니다. 내가 여기서 내 머리카락을 뽑을 때 도와 줄 수 있기를 바랍니다. 고맙습니다.

<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

당신은 이름으로 양식 필드의 값을 검색 DOM 방법을 사용하여 값을 검색하는 함수를 호출하는 형태의 행동 방법을 사용해야합니다. 양식을 처리하는 함수를 호출하는 제출 입력을 추가해야합니다. 이름 속성을 추가하지 않았습니다. 양식은 기본적으로 이미 사용자 입력을 저장하고 있습니다. 값을 가져오고 저장하는 함수를 작성하면됩니다.