Javascript 通过单击按钮更改输入值

我试图通过单击按钮来更改输入值。当我点击按钮时，输入值会改变，但它会隐藏。我的HTML代码是-

<div id="Tabs">
<ul>
<li id="li_tab1" onclick="tab('tab1')" ><a>Lounge/Family Room</a></li>
</ul>
<div id="tab1">
<p>This is the text for tab 1</p>
<input type="button" value="-" />
<input type="number"id="inputtag" style="width:5%;" value="0"/>
<input type="button" value="+" onclick="tab()"/>
</div>

休息室/家庭休息室

这是选项卡1的文本

剧本是-

<script type="text/javascript">
function tab(tab) {
document.getElementById('tab1').style.display = 'none';
document.getElementById('li_tab1').setAttribute("class", "");
document.getElementById(tab).style.display = 'block';
document.getElementById("inputtag").value = "1";
}

功能选项卡（选项卡）{
document.getElementById（'tab1'）.style.display='none'；
document.getElementById（'li_tab1'）.setAttribute（'class'，'）；
document.getElementById（tab.style.display='block'；
document.getElementById（“inputtag”）.value=“1”；
}

有人告诉我为什么会发生这种情况…

tab（）函数的第一行“document.getElementById（'tab1'）.style.display='none'；”意味着将tab1 div和文本框隐藏在this div中，那么如何显示文本框呢？如果要显示此文本框，请删除tab（）函数中的第一行

<script type="text/javascript">
function tab(tab) {
document.getElementById('li_tab1').setAttribute("class", "");
document.getElementById(tab).style.display = 'block';
document.getElementById("inputtag").value = "1";
}
</script>

功能选项卡（选项卡）{
document.getElementById（'li_tab1'）.setAttribute（'class'，'）；
document.getElementById（tab.style.display='block'；
document.getElementById（“inputtag”）.value=“1”；
}

希望这是您所期望的

//HTML
<div id="Tabs">
<ul>
    <li id="li_tab1" onclick="tab('tab1')" ><a>Lounge/Family Room</a></li>
</ul>

<div id="tab1" style="display:none">
    <p>This is the text for tab 1</p>
    <input type="button" value="-" />
    <input type="number"id="inputtag" style="width:5%;" value="0"/>
    <input type="button" value="+" onclick="tab()"/>
</div>
</div>


//Script
function tab(tab) {
if(tab)
    document.getElementById(tab).style.display = 'block';
else
  {
    document.getElementById('li_tab1').setAttribute("class", "");
    document.getElementById("inputtag").value = (+document.getElementById("inputtag").value) + 1;
  }
}

//HTML

您以两种方式调用了该函数。
tab（'tab1'）和tab（）

要在调用tab（'tab1'）后显示该选项卡，
并希望在调用tab（）后更改输入值

为了使用相同的函数来实现这一点，您必须使用if来编写两个案例

if（！tab）检查您是否正在调用tab（），而else案例检查您是否正在调用tab（'tab1'）


功能选项卡（选项卡）{
如果（！选项卡）
{
document.getElementById（“InputAG”）.value++；
}
其他的
{
document.getElementById（tab.style.display='none'；
document.getElementById（'li_tab1'）.setAttribute（'class'，'）；
document.getElementById（tab.style.display='block'；
}
}
#表1{
显示：无；
}


休息室/家庭休息室

这是选项卡1的文本

这是我的标签所必需的。好的，你能简单地向我解释一下你的要求吗？另一方面，将这个示例创建到jsfiddel中，这样我就可以为您提供问题的解决方案。