자바 스크립트 onchange - 선택 값을 기반으로 변수를 변경하십시오.

Question

그래서 선택 값을 기반으로 변수를 변경하고 변경할 때 실시간으로 표시하려고합니다. 나는 이미 변수를 정적 방식으로 설정하여 작동시키고 있지만 선택 값이 변경되거나 증가하면 변수를 변경하는 방법을 이해하지 못합니다.

이 경우 수량을 기준으로 가격을 변경하려고합니다. 수량이 X보다 큰 경우 가격이 Y로 변경됩니다. 자바 스크립트에 익숙하지 않다는 것을 명심하십시오. 따라서 기본 답변을 유지하십시오.

이 내 현재 코드입니다 :

<label>Single User</label> 
<select class="input-mini" name="singleuser" id="singleuser" onchange="changed(this, 0, 34.95)"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
</select>&nbsp;&nbsp;<font size="4"><b>@ $34.95/mo</b></font> 

자바 스크립트

var size = 36; 
var cart = new Array(); 

for (var j = 0; j < size; j++) //initialize cart to all 0 
    cart[j] = 0; 

function changed(me, id, price) { 
    var amount = me.options[me.selectedIndex].value; //quantity passed 
    var t_price = amount * price; //multiply operation 
    cart[id] = t_price; //update cart array 
    update_spans(); 

    document.getElementById(id).value = amount; //update quantity for final page 
} 
function update_spans() { 
    put("cart0", cart[0]); 
} 
function put(name, price) { 
    try { 
     price = (Math.round(price * 100)/100); //round 
     price = price.toFixed(2); //two decimal places 
     document.getElementById(name).innerHTML = price; //put into span 
    } catch (err) { 
     //error 
    } 
} 

Answer 1

세계에 법과를 확인

// HTML 
<label>Single User</label> 
<select class="input-mini" name="singleuser" id="singleuser" onchange="changed(this, 0, 34.95)"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option>  
</select> 
&nbsp;&nbsp; 
<span id="price">@ $34.95/mo</span> 

// JavaScript (this is all you need) 
var size = 36, cart = []; 
var discount = [0, 5, 10, 15, 20, 25, 50]; 

for(var j = 0; j < size; j++) cart[j] = 0; 

function changed(me, id, price){ 
    var amount = me.options[me.selectedIndex].value; 
    var p_discount = amount * price * (discount[me.selectedIndex]/100); 
    var t_price = (amount * price) - p_discount; 
    cart[id] = t_price; 

    r_price = (Math.round(t_price*100)/100); 
    r_price = r_price.toFixed(2); 

    document.getElementById('price').innerHTML = '@ ' + r_price + '/mo'; 
} 

아래의 코드를 사용하여 HTML과 자바 스크립트 부분을 변경

HTML 킹 jsBin