为每个元素输入数字对象

Question

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

例如：我需要购买一个产品，我想要 5 个。所以我只是滚动浏览"编号"框，然后选择需要的产品数量。

JavaScript

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

目录

<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>

Answer 2

function myFunction() {
var x1 = document.getElementById("itm1").value;
var x2 = document.getElementById("itm2").value;
var x3 = document.getElementById("itm3").value;
var x4 = document.getElementById("itm4").value;
var x5 = document.getElementById("itm5").value;
alert("Item1: "+ x1 +"nItem2: " +x2+ "nItem3: " +x3+ "nItem4: " +x4+ "nItem5: " +x5)
}

<label>Item 1 </label><input type="number" id="itm1" value="1"><br/>
<label>Item 2 </label><input type="number" id="itm2" value="1"><br/>
<label>Item 3 </label><input type="number" id="itm3" value="1"><br/>
<label>Item 4 </label><input type="number" id="itm4" value="1"><br/>
<label>Item 5 </label><input type="number" id="itm5" value="1"><br/>
<input type="button" value="Submit" onclick="myFunction()"/>