用 'hidden' html 值问题填充 JQuery 进度条

Question

大家好。我的 jsp 页面中有一个 JQuery 的进度条，我想用动态值填充它。为了完全满足这个要求，我在我的页面中添加了一个 'hidden' HTML 表单元素 name="budgetProgress" 它指出了 Action class 的一个变量，当我尝试使用该值来填充它不会发生的进度条。下面是我的代码。

<body>
<h3 align="center">DashBoard</h3>
 <form action="progressBar">
   <tags:hidden name="budgetProgress" value="50" class="hiddenProgres"></tags:hidden>
</form>
<div id="progressbar"></div>

<script src="jquery/external/jquery/jquery.js"></script>
<script src="jquery/jquery-ui.js"></script>
<script>
 var progresVal=$("input[name='budgetProgress']").val();
$("#progressbar").width(300);
$("#progressbar").height(25);
$( "#progressbar" ).progressbar({
  value: progresVal
 });
</script>
</body>

这是我的仪表板图像，其中填充了 0% 的进度。为了使其清晰可见，我将其涂成黑色。

有人能帮我实现这个目标吗？让我知道是否需要任何额外的 code/info 来解决这个问题。

Answer 1

使用文档就绪 parseInt 你的值

$(function(){
 var progresVal=$(".hiddenProgres").val();
$("#progressbar").width(300);
$("#progressbar").height(25);
$( "#progressbar" ).progressbar({
  value: parseInt(progresVal)
 });
});

https://jsfiddle.net/uz5swvo5/

用 'hidden' html 值问题填充 JQuery 进度条

fill JQuery progress bar with 'hidden' html value issue

jquery

progress-bar