Javascript 关闭一个弹出窗口并重新加载另一个弹出窗口

Javascript 关闭一个弹出窗口并重新加载另一个弹出窗口,javascript,html,Javascript,Html,我是javascript新手,请原谅我的错误。我正在尝试打开一个弹出窗口以查找设备。单击下面的div时 <div class="ui-grid-solo"> <div class="ui-block-a"> <a href="#waitDiscoveryDialog" data-rel="popup" data-position-to="window" d

我是javascript新手,请原谅我的错误。我正在尝试打开一个弹出窗口以查找设备。单击下面的div时

<div class="ui-grid-solo">
                <div class="ui-block-a">
                    <a href="#waitDiscoveryDialog" data-rel="popup"
                    data-position-to="window" data-transition="pop"
                    class="ui-btn ui-corner-all ui-shadow ui-btn-a"
                    >Discover Device  ...</a>
                </div>
</div>
然后关闭此弹出窗口并打开另一个状态为“设备已找到或未找到”的弹出窗口。有人能帮我解决这个问题吗。? 提前谢谢

请试一试

<input type="button" data-theme="b" data-inline="true" onClick="var settings_form= $('formid'); settings_form.submit('Discover');">

正如我在代码中看到的,弹出窗口中没有用户输入,您希望提交一个静态值。如果是这样的话,为什么你甚至需要在弹出窗口不做任何事情时打开它?

您只需编写一个在单击按钮时触发的函数,从现在开始打开弹出窗口并提交表单。

提交后,您可以继续打开弹出窗口“找到或未找到设备”
例如:

<div class="myPopup">
   <h1>This is my popup</h1>
</div>

<style>
  .myPopup {
     display: none;
     position: fixed;
     top: 0px;
     bottom: 0px;
     top: 0px;
     bottom: 0px;
     margin: auto;
     border: 1px solid black;
     border-radius: 5px;
     height: 500px;
     width: 500px; 
  }

  .showPopup {
    display: inline-block;
  }
</style>


如果有帮助,请告诉我。

您所说的“在弹出窗口中没有输入按钮”是什么意思?在“keyUp”事件中?我的意思是我想发送操作和值,而无需单击Discover按钮。是否可能?在哪里声明
设置\u表单
?表单在哪里?当然,很少有方法可以做到这一点,“事件”可以处理这个请求。@Yuri实际上完整的代码在表单字段下。我忘了提了,谢谢你,普拉文。但实际上我不想点击“发现”按钮。我想在打开此弹出窗口时发送操作和值。谢谢Tushar。我试过了你的答案,而且很有效。但是我也想要一个弹出窗口,上面写着“这将搜索新设备”之类的信息,点击“发现”按钮。我怎样才能用你的代码做到这一点?好的,只需将鼠标悬停在下方的“添加评论”链接上,看看这类弹出框是否适合你。如果是,则只需在按钮中添加
title=“这将搜索新设备”
。你可以检查我的编辑按钮代码。好的,那就可以了。你也可以给我一些示例代码来打开另一个弹出窗口。请看我对弹出窗口的编辑,它没有经过测试,但我非常肯定它会工作。此外,您还必须自行设计弹出窗口。我只为它编写了基本的css。
<input type="button" data-theme="b" data-inline="true" onClick="var settings_form= $('formid'); settings_form.submit('Discover');">
<div class="myPopup">
   <h1>This is my popup</h1>
</div>

<style>
  .myPopup {
     display: none;
     position: fixed;
     top: 0px;
     bottom: 0px;
     top: 0px;
     bottom: 0px;
     margin: auto;
     border: 1px solid black;
     border-radius: 5px;
     height: 500px;
     width: 500px; 
  }

  .showPopup {
    display: inline-block;
  }
</style>
function submitForm() {
  var hi=document.createElement('input');
  hi.type='hidden'; hi.name='action'; hi.value='Discover';
  settings_form.appendChild(hi);
  settings_form.submit();
}

settings_form[0].addEventListener("submit", function() {
  document.getElementsByClassName("myPopup")[0].classList.add("showPopup");
});