Question

我是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>

它打开一个像这样的弹出窗口

<div data-role="popup" id="waitDiscoveryDialog" data-overlay-theme="b" data-theme="b"
   data-dismissible="false" style="max-width:400px;">
<div data-role="header" data-theme="a">
  <h1>Device Discovery</h1>
</div>
<div role="main" class="ui-content">
  <h3 class="ui-title"
    >This will search for new Devices.</h3>

  <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b"
     data-rel="back">Cancel</a>
  <input type="button" data-theme="b" data-inline="true" value="Discover"
         onClick="var hi=document.createElement('input');
                  hi.type='hidden'; hi.name='action'; hi.value='Discover';
                  settings_form.appendChild(hi);
                  settings_form.submit();">
</div>
</div>

我的要求是发送hi.name ='action';和hi.value ='发现'没有弹出窗口中的输入按钮。因为我正在使用flask框架，我使用此代码

    if request.method == 'POST':
        rf = request.form  
        try:
            action = request.form["action"]
        except:
            action = ""
        if "Discover" == action:
         //code for discovering the device

然后关闭此弹出窗口并打开另一个弹出窗口，其状态为“找到或未找到设备”。任何人都可以帮我解决这个问题。提前谢谢..

Answer 1

正如我在您的代码中看到的，弹出窗口中没有用户输入，您想要提交静态值。如果是这种情况，为什么在没有做任何事情时甚至需要打开弹出窗口？

你可以简单地编写一个触发点击按钮的功能，打开弹出窗口并提交表格。

提交后，您可以继续执行功能，为“找到或未找到设备”打开弹出窗口
例如：

<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>

<button title="This will search for new devices" onclick="submitForm()">Discover</button>

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");
});

如果这有帮助，请告诉我。

Answer 2

请尝试

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

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

2 个答案: