Question

我目前有代码提示用户输入并将该输入保存到变量中：

var userInput = prompt("enter input");

我正在寻找可以替换提示的东西（最好使用jquery，因为我的其余代码已经使用了它），但仍允许我将输入作为变量获取。我尝试使用简单警报，简单模式和其他一些，也许我误解了如何，但我无法弄清楚如何在调用的函数之外获取输入输入

Answer 1

如果您尝试过使用jQuery UI模式，那么您应该包含一些您尝试过的代码，以便找到错误/混淆。

根据jQuery UI Documentation，如果您的模态表单包含：

 <input type="text" name="name" id="name" value="Jane Smith" class="text ui-widget-content ui-corner-all">

当用户点击确认提示的按钮（触发function addUser()）时，您将能够访问<input>元素中当前的内容：

var nameInput = $('#name').val();

如果这仍然让您感到困惑或无法按预期工作，请尝试按照documentation给出的示例进行操作。单击底部附近的“查看源”查看示例代码。

Answer 2

这是我的示例代码无法正常工作，因为虽然警报工作得很好，但提示却没有，因为它们是异步的：

<html><head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
</head<body>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
foo
<script>
var input = '';
swal({
   title: "An input!",
   text: "Write something interesting:",
   type: "input",
   showCancelButton: true,
   animation: "slide-from-top",
   inputPlaceholder: "Write something" },
   function(inputValue){
     if (inputValue === false) return false;
     if (inputValue === "") {
     swal.showInputError("You need to write something!");
     return false
   }
   input = inputValue;
});

alert(input);

</script>
</body></html>`

我也尝试了同样的事情，但不是在早期声明var输入，而是做var input = swal（{...

javascript替换提示

2 个答案: