Question

每个人都过得愉快。我在jsp页面中有一个JQuery的进度条，我想用动态填充它。为了满足这个要求，我在我的页面中添加了一个“隐藏的”HTML表单元素，其中name =“budgetProgress”指向Action类的变量，当我尝试使用该值填充进度条时，它不是发生。以下是我的代码。

<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％的进度。为了使其清晰可见，我用黑色着色。

可以帮助我实现这一目标。如果有任何其他代码/信息需要解决此问题，请与我们联系。

Answer 1

使用document ready parseInt你的值

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

https://jsfiddle.net/uz5swvo5/

使用'隐藏'html值问题填充JQuery进度条

1 个答案: