在输入上设置时隐藏div

时间:2012-09-27 08:29:45

标签: javascript html input draggable hidden

我遇到了一个我正在做的脚本的麻烦,

实际上它不起作用。

我想做的是制作一些可拖动的div,并将内容放入一个iput类型的文本中。为此我写了一个这样的函数:

function checkdiv()
    {
      var position1= document.getElementById("position1").value;
        if(position1=="1")
        {
         document.getElementById("1").style.display = "none"                        
        }
        if(position1==2)
        {
         document.getElementById("2").style.display = "none"                        
        }
        if(position1==3)
        {
         document.getElementById("3").style.display = "none"                        
        }
        if(position1==4)
        {
         document.getElementById("4").style.display = "none"                        
        }    
        if(position1==5)
        {
         document.getElementById("5").style.display = "none"                        
        }
        if(position1==6)
        {
         document.getElementById("6").style.display = "none"                        
        }
        if(position1==7)
        {
         document.getElementById("7").style.display = "none"                        
        }
        if(position1==8)
        {
         document.getElementById("8").style.display = "none"                        
        }                 
        if(position1==9)
        {
         document.getElementById("9").style.display = "none"                        
        }  
        if(position1==10)
        {
         document.getElementById("10").style.display = "none"                        
        }             
        if(position1==11)
        {
         document.getElementById("11").style.display = "none"                        
        }     
        if(position1==12)
        {
         document.getElementById("12").style.display = "none"                        
        }    
        if(position1==13)
        {
         document.getElementById("13").style.display = "none"                        
        }            

    }
       checkdiv();    ​

但它确实不起作用。

我想在输入输入时使消失div,如果输入设置为空或其他内容,则将它们返回。

这是jsfiddle。 http://jsfiddle.net/FqM4A/13/

得到我最大的尊重。

亲切的问候。

SP。

1 个答案:

答案 0 :(得分:0)

那里有很多问题,HTML已经过时了,但我认为这只是一个学习练习,请看这里的工作代码:

http://jsfiddle.net/FqM4A/22/

请注意,元素的ID不应以数字开头。