Question

所以基本上我有一个JavaScript函数。它是一个函数，当单击一个按钮时，它会弹出一个promptBox，要求您输入一个输入。我已经声明了多个变量，但你必须一次做一个变量。如何将它同时传递到我的promptBox（）中的所有变量

JavaScript代码：

         function promptBox()
    { 
var name = prompt ("Your Name");
var dateOfBirth= prompt ("Date of Birth");
var password= prompt("Password");
   }

Html代码：

     <button class = "submit" onclick="promptBox();">Sign Up</button>

我可以用html，JavaScript或CSS来解决我的问题

Answer 1

prompt对话框每次调用时只能接受一个字符串。

您是否考虑过创建一个包含所有必填字段的<form>并让用户在页面上输入这些字段而不是prompt个对话框？

＆＃13;

label {
  display: block;
}

＆＃13;

<form>
  <label>Name:
    <input name="name">
  </label>
  <label>Age:
    <input name="age">
  </label>
  <label>Address:
    <input name="address">
  </label>
  <label>City:
    <input name="city">
  </label>
  <label>State:
    <input name="state">
  </label>
  <label>Zip:
    <input name="zip">
  </label>
</form>

＆＃13;

Answer 2

提示框怎么可能这样做？它意味着单一价值。您将不得不使用一些自定义库 - jQuery UI dialog。

如果你被香草JS困住，你将不得不做一些叠加{{1}}或其他事情。

您应该更具体地了解自己想要的内容

Answer 3

<!-- Simple pop-up dialog box, containing a form -->
<dialog open id="favDialog">
  <form method="dialog">
    <section>
      <p><label for="favAnimal">Favorite animal:</label>
      <select id="favAnimal">
        <option></option>
        <option>Brine shrimp</option>
        <option>Red panda</option>
        <option>Spider monkey</option>
      </select></p>
      <p><label for="favFish">Favorite fish:</label>
      <select id="favFish">
        <option></option>
        <option>Shark</option>
        <option>Tuna</option>
        <option>Seamonkey</option>
      </select></p>
    </section>
    <menu>
      <button id="cancel" type="reset">Cancel</button>
      <button type="submit">Confirm</button>
    </menu>
  </form>
</dialog>

<menu>
  <button id="updateDetails">Update details</button>
</menu>

出于多样性的考虑，如果您不想使用MDN，可以使用sweetalert中的内容：）

你仍然需要以任何方式做腿部工作。

尝试在提示框中一次显示多个变量

3 个答案: