如何更新文本指示器以從進度條顯示進度？
[英]How to update the text indicator to show progress from the progress bar?
問題描述
我有這個 HTML：
<head>
<script language=JavaScript></script>
</head>
<body>
<progress value="0" max="100" id=p1></progress>
<input type=button value='Increse' onClick='incr();'>
<div id="numValue">0%</div>
</body>
</html>
使用此源代碼：
<script language=JavaScript>
<!--
function incr() {
var v1=document.getElementById('p1').value;
document.getElementById("p1").value= v1 + 5;
var val = document.getElementById("numValue");
}
//-->
</script>
我不知道如何更新numValue文本指示器以在進度條完成時向我顯示進度值。
3 個解決方案
解決方案1
1 2018-10-16 16:44:33
在var val = document.getElementById("numValue");之后添加以下代碼var val = document.getElementById("numValue");
val.innerHTML = v1 + 5+'%'
解決方案2
1 已采納 2018-10-16 16:44:37
function incr() {
var v1=document.getElementById('p1').value;
document.getElementById("p1").value= v1 + 5;
var val = document.getElementById("numValue");
document.getElementById("numValue").innerHTML = (v1 + 5) + "%"
}
但最好這樣寫：
function incr() {
var progress = document.getElementById('p1');
var numValue = document.getElementById("numValue")
var newValue = progress.value + 5;
progress.value = newValue;
numValue.innerHTML = newValue + "%"
}
解決方案3
0
你為什么不使用jquery？
使用 jquery 你可以這樣做：
$(document).ready (function (){
function incr ()
{
$('#numValue').val ($('#p1').val ()+5+'%');
}
$('input [type="button"]').click (function (){incr ();});
});
如何在更新面板中使用ajax和jquery顯示帶有進度條的彈出窗口
[英]How to show popup with progress bar using ajax and jquery in update panel
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.