javascript - 为每个元素输入数字对象

Question

如何为每个元素添加输入数字对象。每个产品都应该有一个输入编号对象，以便我们可以决定需要多少产品。

例如:我需要购买一种产品，并且想要 5 个。所以我只需滚动数字框并选择需要的产品数量。

JavaScript

function myFunction() {
  var x = document.getElementById("myNumber").value;
  document.getElementById("demo").innerHTML = x;
}

HTML

<input type="number" id="myNumber" value="1">

Answer 1

也许你会问这个:

通过JQuery:

$(function(){
      $('#demo').text($('#sel').val());
      $('#sel').change(function(){
         $('#demo').text($(this).val());
      });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="sel">
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
  <option>7</option>
  <option>8</option>
</select>

<div id="demo" style="font-weight: bold"><div>

通过JavaScript:

myF();
function myF(){
  var a = document.getElementById("sel").value;
  document.getElementById("demo").innerHTML = a;
}

    <select id="sel" onchange="myF();">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
      <option>6</option>
      <option>7</option>
      <option>8</option>
    </select>

    <div id="demo" style="font-weight: bold"><div>