表格编号格式&文本添加HTML
Table Number Formatting & Text Added HTML
我想在我的HTML代码中添加表格
但我希望它是数字格式的
例如,我希望它的格式为:Rp. 100.000)
因此,"Rp."需要自动添加到单元格的开头,数字格式将如上所述。对不起,我的英语不好,这是我的代码,谢谢你的时间:
<!DOCTYPE html>
<html>
<body>
<title>Preventive Maintenance Analyzer Tools</title>
<div id="container" style="width:1350px;height:600px">
<div id="header" style="background-color:#094AB2;width:1350px;height:50px">
<h1 style="font-family:verdana;color : white;">Preventive Maintenance Analyzer Tools</font></h1></div></div>
<div id="menu" style="background-color:#DAE0DA;height:560px;width:150px;float:left;">
<img src = "taxi.png" width = "130" height = "130" align = "center"><br><br><br><br><br>
<font size="4"><a href = "http://localhost/home.php">HOME</a><br><br></font>
<font size="4"><a href = "http://localhost/entry.html">CREATE NEW</a><br><br></font>
<font size="4"><a href = "">SETTINGS</a></font><br><br><br><br><br></br>
<img src = "taxi2.png" width = "140" height = "130" align = "center">
</div>
<h2><center>Silahkan Isi Detail Form Dibawah Ini</center></h2>
<div align = "center">
<fieldset>
<legend><b>Detail Onsite</b></legend>
Dari :
<select name="dari">
<option value="co">Cyber Office</option>
</select><br><br>`
Tujuan PM :
<select id="tujuan" name="tujuan">
<option value="abb">ABB Sakti Industri</option>
<option value="ace">ACE Life Assurance</option>
<option value="cigna">Asuransi Cigna</option>
<option value="bahana">Bahana Securities</option>
<option value="cimb">Bank CIMB</option>
<option value="dki">Bank DKI</option>
<option value="icbc">Bank ICBC Indonesia</option>
<option value="bni">Bank BNI</option>
<option value="courts">Courts Retail Indonesia</option>
<option value="ffi">Frisian Flag Indonesia</option>
<option value="gel">Great Eastern Life Indonesia</option>
<option value="komatsu">Komatsu Indonesia</option>
<option value="pertamina">Pertamina EP</option>
<option value="rscm">Rumah Sakit Cipto Mangunkusomo (RSCM)</option>
<option value="siloam">Siloam Hospital</option>
<option value="takeda">Takeda Indonesia</option>
<option value="vni">Visionet</option>
</select><br><br>
Cuaca :
<select id="cuaca" name="cuaca">
<option value="normal">Normal / Cerah</option>
<option value="gerimis">Gerimis</option>
<option value="hujan">Hujan</option>
</select><br><br>
Faktor Eksternal (contoh demo, banjir, macet luar biasa dll) : <br>
<select id="fe" name="fe">
<option value="false">Tidak Ada</option>
<option value="true">Ada</option>
</select><br><br>
<a href="javascript:void(0)" id="submit">Submit</a>
</form>
</div>
<div id="output" style="display:none">
<center><h2>Estimasi Claim</h2></center>
<table border="4" ALIGN="center" >
<tr>
<th>Keterangan</th>
<th>Estimasi</th>
</tr>
<td> Estimasi Argo Taxi </td>
<td align="right" id="output_t1"></td>
<tr>
<td> Cuaca </td>
<td align="right" id="output_t2"></td>
<tr>
<td> Faktor Eksternal </td>
<td align="right" id="output_t3"></td>
<tr>
<td> Total Claim </td>
<td align="right" span class="price" id="output_t4"></td>
<tr>
</table>
<br><center><b>Selamat Atas Kemenangan Anda, Sampai Jumpa Pada Kemenangan Berikutnya</b></center>
</div>
<script>
document.getElementById('submit').onclick = function(){
document.getElementById('output').style.display = "block";
var tujuan = document.getElementById('tujuan').value;
var cuaca = document.getElementById('cuaca').value;
var fe = document.getElementById('fe').value;
var t1;
var t2;
var t3;
var t4;
switch(tujuan){
case "abb":
t1 = 370000;
break;
case "ace":
t1 = 300000;
break;
case "cigna":
t1 = 170000;
break;
case "bahana":
t1 = 375000;
break;
case "cimb":
t1 = 300000;
break;
case "dki":
t1 = 300000;
break;
case "icbc":
t1 = 330000;
break;
case "bni":
t1 = 350000;
break;
case "courts":
t1 = 350000;
break;
case "ffi":
t1 = 430000;
break;
case "gel":
t1 = 360000;
break;
case "komatsu":
t1 = 580000;
break;
case "pertamina":
t1 = 370000;
break;
case "rscm":
t1 = 370000;
break;
case "siloam":
t1 = 50000;
break;
case "takeda":
t1 = 350000;
break;
case "visionet":
t1 = 20000;
break;
}
switch(cuaca){
case "normal":
t2 = 0;
break;
case "gerimis":
t2 = 20000;
break;
case "hujan":
t2 = 40000;
break;
}
if(fe == 'true'){
t3 = 40000;
}
else{
t3 = 0;
}
t4 = t1 + t2 + t3;
console.log(t4);
document.getElementById('output_t1').innerHTML = t1;
document.getElementById('output_t2').innerHTML = t2;
document.getElementById('output_t3').innerHTML = t3;
document.getElementById('output_t4').innerHTML = t4;
}
</script>
</body>
<div id="footer" style="background-color:#094AB2;clear:both;text-align:center;">
<font color = "white">Copyright : M. Rinaldy Aulia 2015</font></div>
</html>
如果我理解正确的话,你是想确保你的数字不读成"370000"而应该读成"Rp. 370000",或者"45000"应该读成"Rp. 45000"
如果这是正确的,使用一个函数来格式化你的数字。我在下面创建了一个名为rp_beautifier的工具,并包含了一些示例代码,说明如何实现它。希望我理解正确,这有助于!
下面是函数(在第3行,我们添加了"Rp"。"1美元后面还有一个空格。如果是美元,应该是"$1",而不是"$1")
function rp_beautifier(someNumber){
someNumber = parseFloat(someNumber).toFixed(0);
someNumber = "Rp. " + String(someNumber).replace(/('d)(?=('d'd'd)+(?!'d))/g, "$1 ")
return someNumber;
}
你可以这样调用它
document.getElementById('output_t1').innerHTML = rp_beautifier(t1);
document.getElementById('output_t2').innerHTML = rp_beautifier(t2);
document.getElementById('output_t3').innerHTML = rp_beautifier(t3);
document.getElementById('output_t4').innerHTML = rp_beautifier(t4);
相关文章:
- 使用jQuery根据动态生成的html动态添加html
- 如何使用javascript选择字符串的部分,添加html标记或删除部分
- 单击按钮添加HTML表单
- 如何添加html<br>标记转换为javascript
- 动态添加 HTML 元素后创建 jQuery 事件
- 在具有特定ID的DIV中使用JavaScript动态添加HTML元素
- 在前面的输入元素之前添加html输入元素
- 程序添加html后点击不工作
- 使用appendchild或其他方法向ul添加html代码而不是纯文本
- 如何在JS函数中添加HTML代码
- Jquery从另一个页面添加HTML
- 如何在不添加html脚本标记的情况下使用google-maps-api-v3
- 正在尝试向jQuery对象添加HTML类属性
- 使用“添加用户”按钮添加HTML字段
- 在 JavaScript 中的 textNode 中添加 html
- jquery动态添加HTML字段遇到了神秘的问题
- AngularJS 如何动态添加 HTML 并绑定到控制器
- 使用 js 添加 HTML 元素
- 在 JavaScript 切换中添加 html / css
- 如何在 tinymce 的第一段中添加 html 链接