javascript - 如何通过JS获取表单中输入的内容?

标签 javascript jquery html forms variables

我有一个正在制作表单的代码位。有一个数字输入,我想知道如何获取该输入并将其存储在变量中以供 JS 计算。如何在提交时获取输入中的当前值并将其设为变量?

$(Document).ready(function() {
  $("input[type='submit']").click(function() {

  });
});
body {
  background-color: skyblue;
}
<!DOCTYPE html>
<html>

<head>
  <link rel='stylesheet' href='style.css' />
  <script src='script.js'></script>
  <meta charset="UTF-8">
  <title>Classified</title>
</head>

<body>
  <h1>Classified</h1>
  <form action="script.js" name="classified" method="get">
    <input type="number" name="classified" min="0">
    <input type="submit" value="submit">
  </form>
  <h3 hidden>Classified</h3>
  <h3 hidden>Classified</h3>
</body>

</html>

最佳答案

$(function() {
    //user could hit enter in the input field, bind on submit instead
    $("form[name='classified']").on('submit', function() {
        var $classified = $('input[name="classified"]');
        console.log($classified.val());
    });
});

关于javascript - 如何通过JS获取表单中输入的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34569932/

相关文章:

javascript - 链接过滤器函数时出现意外的索引值

javascript - 即使安全规则拒绝创建对象,添加的子项上的 Firebase 也能正常工作

javascript - 使用jsreport在一个页面上多次渲染相同的模板

html - 通过不同的缩放级别排列不同大小的 div

javascript - 遍历多个 div 并将信息提取到数组中?

html - 我怎样才能使这个链接工作?

javascript - Chrome 在 anchor 标记中创建页面内链接的问题

javascript - 悬停在页面之外时触发的灯箱弹出窗口的 Cookie 逻辑

javascript - 在元素加载之前更改 CSS

javascript - Jquery 选择器可以找到隐藏的元素(显示 : none;), 如何禁用这种情况?