Question

我正在尝试从名字输入中获取值，并在用户单击“提交”按钮时将其传递给引导警报，但无法做到这一点。

这是我的摘录：

$(document).ready(function() {
  $("#submit-button").click(function() {
    $("#myAlert").show("fade"), $("#fname").attr("value");
    event.preventDefault();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="fname">First Name</label>
<input type="text" id="fname" name="firstname" placeholder="Your name..">

<div id="myAlert" class="alert alert-success collapse">
  <a href="#" class="close" data-dismiss="alert">&times;</a>Thank you for contacting us,
</div>

Answer 1

我假设您希望使用input值来完成Bootstrap的警报文本...

您将需要一个元素来将该值放在我建议使用的span中。使用.val()方法获取input值...然后.text()将其插入span中。

$(document).ready(function() {
  $("#submit-button").click(function() {
    $("#firstName").text($("#fname").val()); // Use the input's value for the span's text
    $("#myAlert").show("fade");  // Show the Bootstrap's alert
    event.preventDefault();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />

Enter your first name: <input id="fname"><br>
<button id="submit-button">Submit</button>
<div id="myAlert" class="alert alert-success collapse">
  <a href="#" class="close" data-dismiss="alert">&times;</a>Thank you for contacting us, <span id="firstName"></span>
</div>

从输入jQuery获取价值

1 个答案: