2016-10-03 31 views
-1

這是我的代碼:更換和修剪小數與jQuery/JavaScript的

<html> 
<head> 
<script src="http://code.jquery.com/jquery-latest.pack.js"></script> 
<script> 
$(document).ready(function() { 
    $('select').on('change', function() { 
    $('.result').text($('select[name=digit] option:selected').data('cust-attr')); 
    }); 
}); 
</script> 
</head> 
<body> 
<select name="digit"> 
    <option data-cust-attr="0" value="0" disabled selected>Value ↓</option> 
    <option data-cust-attr="12.34">AAA (12,34)</option> 
    <option data-cust-attr="67.890000003">BBB (67,89)</option> 
</select> 

<label class="result"></label> 

</body> 
</html> 

此代碼的工作,但也有我想換兩件事情:

我想,在更換.輸出爲<label class="result"></label>。這意味着<label class="result">12,34</label>而不是<label class="result">12.34</label>

我知道我可以用.replace(/\./g, ',')來做,但不知道放在哪裏。

第二件事是我想修剪輸出到兩位小數。這意味着<label class="result">67,89</label>,而不是<label class="result">67,890000003</label>

+0

你在做什麼看起來不錯。有什麼問題? –

+0

我不知道如何用''替換'.',我不知道如何修剪到兩個極端的地方。 – David

+0

你給的代碼是正確的。 –

回答

1

既然你是罰款只是更換點,以逗號顯示結果,你可以寫一個簡單的腳本改變innerHTML

<script> 
$('select').on('change', function() { 
    $('.result')[0].innerHTML = $('.result')[0].innerHTML.replace(/\./g, ','); 
}); 
</script> 

這將change事件時後執行<select>被解僱。所以,如果你有12.34,你會得到12,34。當然,我對此進行了測試,以確保它能夠正常工作。