gpt4 book ai didi

带有来自文本框的字符串的 Javascript 不起作用

转载 作者:行者123 更新时间:2023-11-29 21:12:11 25 4
gpt4 key购买 nike

我的 javascript 没有按照我想要的方式工作。我有一个文本框和一个进度条。javascript 必须从文本框 (TbProd1) 中读取字符串并查看它是哪个字符串。每个字符串在进度条中都有不同的值(25%、50% 和 100%)。

文本框有 3 个不同的选项:1: 自由2: 采摘3: 伏尔泰

脚本不会比较我的文本框字符串。有人能找出我的错误吗?

这是我的代码:

    <script>
function move1() {
var textarea1 = document.getElementById('TbProd1');

var word1 = "Vrijgegeven";
var word2 = "Gepicked";
var word3 = "Voltooid";

var textValue = textarea1.value;

if (textValue == (word1)) {

var elem = document.getElementById("myBar");
var width = 10;
var id = setInterval(frame, 10);
function frame() {
if (width >= 25) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
document.getElementById("LblProgBar1").innerHTML = width * 1 + '%';
}
}
}
else if (textValue == (word2)) {
var elem = document.getElementById("myBar");
var width = 25;
var id = setInterval(frame, 10);
function frame() {
if (width >= 50) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
document.getElementById("LblProgBar1").innerHTML = width * 1 + '%';
}
}
}
else if (textValue == (word3)) {
var elem = document.getElementById("myBar");
var width = 50;
var id = setInterval(frame, 10);
function frame() {
if (width >= 100) {
clearInterval(id);
} else {
width++;
elem.style.width = width + '%';
document.getElementById("LblProgBar1").innerHTML = width * 1 + '%';
}
}
}
}
</script>

</head>
<body>
<form id="form1" runat="server">

<div id="content">
<div>
<asp:TextBox ID="TbProd1" runat="server"></asp:TextBox></div>
<div id="myProgress">
<div id="myBar">
<div id="LblProgBar1">0%</div>
</div>
</div>
</div>

</form>
</body>
</html>

最佳答案

<asp:TextBox>编译后具有唯一标识符。因此,您似乎无法通过“TbProd1”找到此控件。首先尝试使用“ClientIDMode”="Static"。

<asp:TextBox ID="TbProd1" runat="server" ClientIDMode="Static"></asp:TextBox>

关于带有来自文本框的字符串的 Javascript 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41239436/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com