如何在值的前面添加静态文本？

Question

好的，所以我的输出值会根据您的选择而变化。 但我想在其前面加上“ 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));
});

Answer 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>

Answer 2

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

Answer 3

例如，您的总金额包装在一个带有“金额”类的div中，您也可以通过CSS添加文本。

<div class="amount">60,00</div>

.amount:before {
  content: "Total € ";
}