按钮onclick（）之后的持久化操作：JavaScript

我有以下初始结构：

PrimaryLabel: 'Drop-Down' [Add Button]

单击添加按钮后，必须显示另一个标签：“下拉”[Add button]：这是要求。此类行的最大值？=>五,

PrimaryLabel: 'Drop-Down' [Add Button]
Label: 'Drop-Down' [Add Button]

我已将所有标签、下拉列表和按钮“[除主]显示属性外”设置为“无”

我有以下javascript：

<script type="text/javascript">
            function add(currBtnId,nextDdId, nextBtnId, event){
                event.preventDefault();
                console.log(currBtnId, nextBtnId, nextDdId);
                document.getElementById(currBtnId).disabled = true;
                $('#'+nextBtnId).show();
                if (nextDdId!=null) {
                    $('#'+nextDdId).show();
                }
            }
        </script>

下面是我的按钮的外观：

<h:button type="button" value="ADD" class="add-btn" id="current-btn-id" onclick="add('current-btn-id', 'some-drop-down-id', 'next-btn-id', event)"/>

这是检查元素后的外观：

<input id="add-btn1" type="button" onclick="add('add-btn1', 'reqpanel1', 'add-btn2', event); window.location.href='/project-name/page-name'; return false;" value="ADD" class="add-btn">

问题:

单击“添加”按钮后，将显示下一个标签、下拉列表和“添加”按钮，但仅显示一秒钟。它几乎立即回到初始状态。 我现在该怎么办

我认为问题在于：window.location.href='/project name/page name'

---

我怎样才能摆脱它？每次单击按钮时，它都会重新加载。

能否请您将您所做的添加到一个jsfiddle中？您的页面可能正在提交回自身。创建一个，使用编辑器上方带有2个尖括号的stacksnippet图标或@Jamiec来演示问题。请现在检查，我已经添加了更多信息。当有人单击按钮时，您正在重定向页面-当然DOM更新不会被持久化！必须要添加窗口。位置。。。。一点什么是@jamice是的，我在使用chrome浏览器的inspect元素后发现了这一点。[