从输入数字获取变量值

时间:2017-04-13 19:14:30

标签: input numbers

我试图从数字输入中获取变量值但没有成功。

HTML:

<input type="number" min="0" max="5" name="quantity" id="quantity" class="quantity" value="1" />

<div class="selectedvalue"></div>

SCRIPT:

$().ready(function() {
var quantity = $('input[type=number][name=quantity]').val();
  $(".selectedvalue").html(quantity);
});

JSFIDDLE

我只能在数字输入中获取属性值(1),而不是实际选择的值。

1 个答案:

答案 0 :(得分:0)

检查W3schools中的示例。 在您的示例中,您使用值1,并始终显示值1,因为您在标记内设置。

你不需要jQuery来获取它。

您输入的类型是数字,并添加您的号码中的ID以通过document.getElementById("yourIdFromInput").value;

获取ID
<!DOCTYPE html>
<html>
<body>

Number: <input type="number" id="myNumber" value="2">

<p>Click the button to display the number of the number field.</p>

<button onclick="myFunction()">Try it</button>

<p><strong>Note:</strong> input elements with type="number" are not supported in IE 9 and earlier versions.</p>

<p id="demo"></p>

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

</body>
</html>

带有innerHTML的<p>将在html中显示该脚本的值。

参考: 所有关于here

的解释

代码W3schools