2017-04-13 6 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

I에만 속성 값이 (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

감사합니다. 나는 당신의 정보로 문제를 해결할 수 있습니다. –