文本框中字符串不起作用的Javascript_Javascript_Asp.net

文本框中字符串不起作用的Javascript

javascript asp.net

文本框中字符串不起作用的Javascript,javascript,asp.net,Javascript,Asp.net,我的javascript没有按我希望的方式工作。我有一个文本框和一个程序条。 javascript必须从文本框（TbProd1）中读取字符串，并查看它是哪个字符串。每个字符串在progresbar中都有不同的值（25%、50%和100%）文本框有3个不同的选项： 1:Vrijgeven 2:Gepicked 3：伏尔泰脚本无法比较我的文本框字符串。有人能发现我的错误吗这是我的密码： <script> function move1() {

我的javascript没有按我希望的方式工作。我有一个文本框和一个程序条。 javascript必须从文本框（TbProd1）中读取字符串，并查看它是哪个字符串。每个字符串在progresbar中都有不同的值（25%、50%和100%）

文本框有3个不同的选项： 1:Vrijgeven 2:Gepicked 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>


函数move1（）{
var textarea1=document.getElementById（'TbProd1'）；
var word1=“vrijgeven”；
var word2=“Gepicked”；
var word3=“Voltooid”；
var textValue=textarea1.value；
如果（textValue==（word1））{
var elem=document.getElementById（“myBar”）；
var宽度=10；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=25）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“LblProgBar1”）.innerHTML=width*1+'%'；
}
}
}
如果（textValue==（word2））{
var elem=document.getElementById（“myBar”）；
var宽度=25；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=50）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“LblProgBar1”）.innerHTML=width*1+'%'；
}
}
}
如果（textValue==（word3））{
var elem=document.getElementById（“myBar”）；
var宽度=50；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“LblProgBar1”）.innerHTML=width*1+'%'；
}
}
}
}
0%
编译后的

具有唯一标识符。因此，您似乎无法通过“TbProd1”找到此控件。首先尝试使用“clientdmode”=“Static”

试试这个

getElementById

var textarea1=document.getElementById('<%=TbProd1.ClientID %>').value;

var textarea1=document.getElementById（“”）.value；

我想你的问题已经解决了。这个解决方案

你如何将事件连接到文本框？代码本身确实可以工作，所以我想知道这不是文本框的ID与您期望的不同的问题，还是没有调用

move1（）

函数的事件

函数move1（）{
var textarea1=document.getElementById（'TbProd1'）；
var word1=“vrijgeven”；
var word2=“Gepicked”；
var word3=“Voltooid”；
var textValue=textarea1.value；
如果（textValue==（word1））{
var elem=document.getElementById（“myBar”）；
var宽度=10；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=25）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“LblProgBar1”）.innerHTML=width*1+'%'；
}
}
}
如果（textValue==（word2））{
var elem=document.getElementById（“myBar”）；
var宽度=25；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=50）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“LblProgBar1”）.innerHTML=width*1+'%'；
}
}
}
如果（textValue==（word3））{
var elem=document.getElementById（“myBar”）；
var宽度=50；
var id=设置间隔（第10帧）；
函数框架（）{
如果（宽度>=100）{
清除间隔（id）；
}否则{
宽度++；
elem.style.width=宽度+'%'；
document.getElementById（“LblProgBar1”）.innerHTML=width*1+'%'；
}
}
}
}

0%

如果文本框位于

ContentPlaceHolder

中，则会发生这种情况，这是一个简单的页面。

var textarea1=document.getElementById('<%=TbProd1.ClientID %>').value;