Question

我正在开发一个应用程序，其中用户必须在文本类型输入（或数字类型）中写入他们支配技能的百分比，并且我希望进度条自动具有该值。我需要帮助，最好只使用PHP（如果可能的话），但如果你包含JAVA没问题，我只是想让它工作。

我使用了这个java脚本代码：

<script>
function myFunction() {
    document.getElementById("myProgress").value = $("#value");
}
</script>

我的HTML代码是：

<input type="number" id="value" max="100" step="10">
<button onclick="myFunction()">Try it</button>
<progress id="myProgress" value="22" max="100"></progress>

Answer 1

你可以在下面这样做。你不需要使用jQuery来实现它。

＆＃13;

function func() {
    var x = document.getElementById("myProgress");		  
    
    x.value = document.getElementById("value").value;
}

＆＃13;

<input type="number" id="value" max="100" step="10">
<button onclick="func()">Try it</button>
<progress id="myProgress" value="10" max="100"></progress>

＆＃13;

Answer 2

如果我正确理解您的问题，您希望在用户输入文字输入时更新进度条。您希望为'keyup'操作添加事件侦听器，因此每当用户释放其中一个键时，它将执行您放入事件侦听器主体的代码。

System.out.println("*");

如何使进度条获取文本类型输入的值？

2 个答案: