innerHTML文本框在键入文本后不起作用

innerHTML textbox after type text it not working

本文关键字：文本 不起作用 innerHTML      更新时间：2024-03-15

我遇到了一个问题，当我在文本框上键入一些内容时，我的texbox innerHTML不再工作（仅用于文本框），另一个div仍在工作。

此链接是示例：示例代码请帮助

有什么解决方案可以解决这个问题吗？或者任何其他类似的代码可以用它来代替？

下面是一个例子。。。

给我们使用.value而不是.innerHTML的任何文本框赋值。

        <body onload="myFunction()">        
         <input type="text" id="f6" value="5000" />
         <input type="text" id="G6" value="" />
         <button >Try it</button>        
        <script>
        function myFunction()
        {
          var F6=document.getElementById("f6").value;
          document.getElementById("G6").value = F6;       
        }
        </script>       
        </body>

使用jQuery:很容易

$(function(){
 var index = 1;
 $('#up').click(function(event){
   index++;
   if(index ==7 ){
   index = 1;
   }
 $('#greetingtlt').text('Text '+index);
 $('#textarea').text(index+'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.');
 });
     $('#down').click(function(event){
   index--;
   if(index ==0 ){
   index = 6;
   }
 $('#greetingtlt').text('Text '+index);
 $('#textarea').text(index+'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.');
 });

})；

向img控件添加id：

 <img src="images/prevbtn.jpg" id="up" width="12" height="18">
<img src="images/nextbtn.jpg" id="down" width="12" height="18">
相关文章：