quantity selector #161

Activity

1. kenshih1989 commented on Apr 16, 2025

   

   kenshih1989

   on Apr 16, 2025

   More actions

   Hi @Reddysaicharan ,

   To get the value of the Select tag, we can use
   document.querySelector("select").value;

   Following is the example that I tried out:

   <!DOCTYPE html>
   <html>
   <body>
   
   <p class="myP"></p>
   
   <div class="product-quantity-container">
     <select>
       <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 selected value="9">9</option>
       <option value="10">10</option>
     </select>
   </div>
   
   
   <script>
   document.querySelector("p").style.backgroundColor = "red";
   let myVariable = '1';
   myVariable = document.querySelector("select").value;
   document.querySelector(".myP").innerHTML = myVariable;
   </script>
   
   </body>
   </html>
   

   The screenshot below show the result: