選擇選項有什麼問題？

Question

我只是試圖讓一個簡單的計算與所選選項的值，但是我得到錯誤的結果： 拾波器9和returnTime 10，它沒有給（必須是酵母）

但取件時間11和14 returnTime，它給啊（這是正確的）所以它給出正確的結果與一些具體的數字，並與一些數字不..

這裏是（皮卡）選擇選項：

<select id="ophalenUur" class="timePicker selectOption"> 
    <option value="-">Kies Tijd</option> 
    <option value="8">08.00</option> 
    <option value="8.5">08.30</option> 
    <option value="9">09.00</option> 
    <option value="9.5">09.30</option> 
    <option value="10">10.00</option> 
    <option value="10.5">10.30</option> 
    <option value="11">11.00</option> 
    <option value="11.5">11.30</option> 
    <option value="12">12.00</option> 
    <option value="12.5">12.30</option> 
    <option value="13">13.00</option> 
    <option value="13.5">13.30</option> 
    <option value="14">14.00</option> 
    <option value="14.5">14.30</option> 
    <option value="15.">15.00</option> 
    <option value="15.5">15.30</option> 
    <option value="16">16.00</option> 
    <option value="16.5">16.30</option> 
    <option value="17">17.00</option> 
    <option value="17.5">17.30</option> 
    <option value="18">18.00</option> 
    <option value="18.5">18.30</option> 
    <option value="19">19.00</option> 
    <option value="19.5">19.30</option> 
    <option value="20">20.00</option> 
</select> 

個

和JS：

var pickUp = 0; 
var returnTime =0; 

$('#ophalenUur').change(function() { 
    pickUp = $('#ophalenUur option:selected').val(); 
    $('.pickUp').text("PickUp: " + pickUp); 
}); 

$('#inleverenUur').change(function() { 
    returnTime = $('#inleverenUur option:selected').val(); 
    $('.returntime').text("return: " + returnTime); 

    if(returnTime > pickUp){ alert("yea"); 
    } else { alert("no"); } 
}); 

小提琴：http://jsfiddle.net/jLAaq/27/

這裏有什麼問題？我找了好幾個小時，我看不出：/

Answer 1

，因爲你正在做一個字符串比較

var pickUp = 0; 
var returnTime = 0; 
var totalExtra = 0; 

$('#ophalenUur').change(function() { 
    //conver the value string to number by prfixing it with + or you can use parseFloat(this.value) 
    pickUp = +this.value; 
    $('.pickUp').text("PickUp: " + pickUp); 
}); 

$('#inleverenUur').change(function() { 
    returnTime = +this.value; 
    $('.returntime').text("return: " + returnTime); 

    if (returnTime > pickUp) { 
     alert("yea"); 
    } else { 
     alert("no"); 
    } 
}); 

演示：Fiddle

Answer 2

我想原因可能是returnTime和皮卡是字符串。所以「9」>「10」。 嘗試使用parseFloat函數來解析returnTime和pickUp。

Answer 3

您正在比較整數作爲字符串。您可以使用parseFloat方法

Demo Link

CODE:

var pickUp = 0; 
var returnTime =0; 
var totalExtra = 0; 

$('#ophalenUur').change(function() { 
pickUp = $('#ophalenUur option:selected').val(); 
    $('.pickUp').text("PickUp: " + pickUp); 
}); 

$('#inleverenUur').change(function() { 
returnTime = $('#inleverenUur option:selected').val(); 
    $('.returntime').text("return: " + returnTime); 
if(parseFloat(returnTime) > parseFloat(pickUp)){ 
     alert("yea"); 
    }else{ 
    alert("no");   
    } 
});