2017-04-13 9 views
0

数値入力から変数値を取得しようとしていますが、成功しません。入力値から変数値を取得

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)を得ることができます。

答えて

0

W3school内の例を確認してください。 あなたの例では、値1を使用し、タグ内のセットのため、常に値1を表示します。

これを取得するためにjQueryは必要ありません。

ご入力の種類は数であり、HTML内で、このスクリプトで値を表示しますdocument.getElementById("yourIdFromInput").value;

<!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>とIDで値を取得するためにあなたの番号からIDを追加します。

参考: そのhere

コードW3schoolsに関するすべての解明。

+0

ありがとうございました!私はあなたの情報で問題を解決することができます。 –

関連する問題