在输入设置时隐藏 div答案

【问题标题】：hide div when isset on input在输入设置时隐藏 div
【发布时间】：2012-09-27 08:29:44
【问题描述】：

我正在执行的脚本遇到问题，

事实上它不起作用。

我想做的是使一些 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。

【问题讨论】：

不相关（我不太明白你的问题），但你的函数可以写成：function checkdiv() { var position1 = document.getElementById("position1").value; document.getElementById(position1).style.display = "none"; ... } 话虽如此，也许你可以查看jQuery UI。这可以实现可拖动元素而无需编写太多代码。
事实上，正如您在 jsfiddle 上看到的那样，我有很多带有数字的 div。当我将 div 拖到输入中时，它应该隐藏 div

标签： javascript html input draggable hidden

【解决方案1】：

那里有很多问题，HTML 非常过时，但我认为这只是一个学习练习，请在此处查看工作代码：

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

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

【讨论】：