Java 删除文本框

我知道这可能是一个简单的问题，但我一直在寻找一种方法来删除一个按钮点击文本框，我添加了这行代码中的文本框

 function SearchAddressFields(){

        my_div.innerHTML = my_div.innerHTML + "<br> <label for='txtSearch'>Street Number:</label> <input type='text' id='txtStreetNum' />"
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>PreDir:</label> <input type='text' id='txtPreDir' />"
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>PreType:</label><input type='text' id='txtPreType' />   "
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>Street Name:</label><input type='text' id='txtStreetName' /> "
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>Suf Dir</label><input type='text' id='txtSufDir' />"
        my_div.innerHTML = my_div.innerHTML + "<input type='button' id='btntest' onclick='searchAddress()' value='Search'/>"
        my_div.innerHTML = my_div.innerHTML + "<input type='button' id ='reset' onclick='resetbutton()' value='Reset' />"          
  } 

函数SearchAddressFields（）{
my_div.innerHTML=my_div.innerHTML+“
街道号码：”
my_div.innerHTML=my_div.innerHTML+“PreDir:”
my_div.innerHTML=my_div.innerHTML+“预类型：”
my_div.innerHTML=my_div.innerHTML+“街道名称：”
my_div.innerHTML=my_div.innerHTML+“Suf目录”
my_div.innerHTML=my_div.innerHTML+“”
my_div.innerHTML=my_div.innerHTML+“”
} 

这可能是错误的做法，但对我来说很有效。如果再次单击相同的按钮，是否有任何方法可以使其删除元素

---

非常感谢您提供的任何帮助

您的问题标有“jquery”，希望这将有助于：

在函数之外，如果添加了元素，则可以使用另一个变量来跟踪：

var haveElementsBeenAdded = false;

function SearchAddressFields(){

    if(!haveElementsBeenAdded){
        my_div.innerHTML = my_div.innerHTML + "<br> <label for='txtSearch'>Street Number:</label> <input type='text' id='txtStreetNum' />";
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>PreDir:</label> <input type='text' id='txtPreDir' />";
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>PreType:</label><input type='text' id='txtPreType' />   ";
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>Street Name:</label><input type='text' id='txtStreetName' /> ";
        my_div.innerHTML = my_div.innerHTML + "<label for='txtSearch'>Suf Dir</label><input type='text' id='txtSufDir' />";
        my_div.innerHTML = my_div.innerHTML + "<input type='button' id='btntest' onclick='searchAddress()' value='Search'/>"
        my_div.innerHTML = my_div.innerHTML + "<input type='button' id ='reset' onclick='resetbutton()' value='Reset' />"    ;     
        haveElementsBeenAdded = true; 
    }
    else{
        $(my_div).find('input').remove();
        $(my_div).find('label').remove();   
        haveElementsBeenAdded = false; 
    }

}

var haveElementsBeenAdded=false；
函数SearchAddressFields（）{
如果（！haveElements已添加）{
my_div.innerHTML=my_div.innerHTML+“
街道编号：”；
my_div.innerHTML=my_div.innerHTML+“PreDir:”；
my_div.innerHTML=my_div.innerHTML+“预类型：”；
my_div.innerHTML=my_div.innerHTML+“街道名称：”；
my_div.innerHTML=my_div.innerHTML+“Suf Dir”；
my_div.innerHTML=my_div.innerHTML+“”
my_div.innerHTML=my_div.innerHTML+“”；
haveElementsBeenAdded=true；
}
否则{
$（my_div）.find（'input'）.remove（）；
$（my_div）.find（'label'）.remove（）；
haveElementsBeenAdded=false；
}
}

---

尽管如此，上面并没有删除不间断的空格。

在文本框上放置一个类，例如class=“hideTheSetExtBox”

使用jQuery来隐藏onclick事件上的内容

$( ".HideTheseTextBoxes" ).hide();

---

my_div.innerHTML=string.Empty

？你最好将它们放在页面上的一个隐藏div中，并根据它们是否单击按钮隐藏/显示该div。哈哈，这很有效，但它删除了我的主按钮，如果我足够高，可以向上投票给你的答案，我会的。谢谢您是否有删除我的主按钮的原因？如果您的主按钮位于“my_div”元素内并且是“”元素，则它将删除它。尝试将该按钮放在div之外，或者将jquery修改为不包含submit按钮。Try:$（my_div）.find（'input'）。not（'[type=“button”]'）。remove（）；没关系，我找到了它，但是有没有办法把它放在同一个div中，因为它一直在移动行down@Jason米利坎特：非常感谢！！其他比我高的人请投他的票