好的,所以我的输出值会根据您的选择而变化。 但我想在其前面加上“ Total€”字样:
。
但是我现在的输出是:
。
我也想更改“。”值中的“,”。 但是,每当我在某个地方添加一些东西时,这些块彼此重叠等等。所以我希望你们有一些解决方案/想法。
我的html /样式输出值:
<h1><input type="yeets" name="_mdjm_event_cost" id="yett" class="mdjm-input-currency required" readonly="readonly" value="" placeholder="Totaal €0.00" style="
height: 100px;
width: 150px;
margin-top: -40px;
color: black;
font-weight: bold;"/>
</h1>
我的值选择器:
<select name="iFenceCorners" id="FenceCorners" class="AutosubmitCalculator" tabindex="3">
<option value="0" selected="selected" data-price="00.00">Geen hoeken</option>
<option value="1" data-price="20.00">1 hoek</option><option value="2" data-price="40.00">2 hoeken</option><option value="3" data-price="60.00">3 hoeken</option><option value="4" data-price="80.00">4 hoeken</option>
<option value="5" data-price="100.00">5 hoeken</option><option value="6" data-price="120.00">6 hoeken</option><option value="7" data-price="140.00">7 hoeken</option><option value="8" data-price="160.00">8 hoeken</option>
<option value="9" data-price="180.00">9 hoeken</option><option value="10" data-price="200.00">10 hoeken</option>
</select>
我的Jquery脚本:
base = 0;
$("#FenceCorners").on("change", function () {
var total = (base * 100 + $(this).find(":selected").data("price") * 100) / 100;
$("#yett").val(total.toFixed(2));
});
答案 0 :(得分:1)
尝试一下...
base = 0;
$("#FenceCorners").on("change", function () {
var total = (base * 100 + $(this).find(":selected").data("price") * 100) / 100;
total=total.toFixed(2);
var suffix = "Total € ";
var txt = suffix + total;
$("#yett").val(txt);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="iFenceCorners" id="FenceCorners" class="AutosubmitCalculator" tabindex="3">
<option value="0" selected="selected" data-price="00.00">Geen hoeken</option>
<option value="1" data-price="20.00">1 hoek</option><option value="2" data-price="40.00">2 hoeken</option><option value="3" data-price="60.00">3 hoeken</option><option value="4" data-price="80.00">4 hoeken</option>
<option value="5" data-price="100.00">5 hoeken</option><option value="6" data-price="120.00">6 hoeken</option><option value="7" data-price="140.00">7 hoeken</option><option value="8" data-price="160.00">8 hoeken</option>
<option value="9" data-price="180.00">9 hoeken</option><option value="10" data-price="200.00">10 hoeken</option>
</select>
<h1><input type="yeets" name="_mdjm_event_cost" id="yett" class="mdjm-input-currency required" readonly="readonly" value="" placeholder="Totaal €0.00" style="
height: 100px;
width: 150px;
margin-top: -40px;
color: black;
font-weight: bold;"/>
</h1>
答案 1 :(得分:1)
import { AppLoadModule } from './app-load/app-load.module';
@NgModule({
imports: [AppLoadModule]
})
进一步阅读: https://www.w3schools.com/jsref/jsref_replace.asp http://2ality.com/2011/10/string-concatenation.html
答案 2 :(得分:0)
例如,您的总金额包装在一个带有“金额”类的div中,您也可以通过CSS添加文本。
<div class="amount">60,00</div>
.amount:before {
content: "Total € ";
}