HTML 업데이트 선택/옵션 값을 기반으로 하시겠습니까?

Question

나는 지금 약간의 문제가있다. (나는 돈의 가치를 묻는 간단한 양식을 가지고있다. 그리고 그 아래에, 선택된 가격의 20 퍼센트를 계산하는 jQuery 유효성 검사가있다. 그리고 그것을 뺀다. 선택한 가격에서 비어있는 span 태그로 업데이트합니다.

코드가 잘못되었습니다 (동일한 블록의 다른 모든 기능이 작동하지 않음).하지만 전혀 작동하지 않습니다!

<select id="list"><option value="error">$-</option><option value="1">$1</option><option value="5">$5</option><option value="10">$10</option><option value="25">$25</option><option value="50">$50</option><option value="100">$100</option><option value="250">$250</option><option value="500">$500</option></select> 
$<span id="jsprice"></span> 
<script> 
    var price = $("#list :selected").val(); 
    var earning = price-((price/100)*20); 
    $('#list').change(function(){ 
    $('#jsprice').val(earning); 
    }); 
    </script> 

는 는 사람이 잘못 될 수 있는지 알고 있나요

? 나는 .blur() .change()과 몇 가지 다른 시도하고

을 시도

하지만 난 그저 틀렸어 .text() 작동 방식을 보았다.

대단히 감사합니다. 모든 응답은 크게 감사하겠습니다.

Answer 1

$('#list').change(function(){ 
    var price = $(this).val(); 
    var earning = price-((price/100)*20); 
    $('#jsprice').text(earning); 
}); 

이 작업을 수행해야합니다. 여기

그것이 http://jsfiddle.net/JeW57/

Answer 2

스팬에는 값이 없습니다 - 시작 태그와 닫기 태그 사이에 내용을 설정하려면 .text() 또는 .html()을 사용하십시오.

은 또한 그렇지 않으면 오직 선택의 초기 값을 반영, 선택의 값을 얻을change 콜백 함수 내부 획득의 가치를 계산하는 것이 좋습니다.