获取单字段数据Jquery

Obtain single field data Jquery

本文关键字：数据 Jquery 字段 单字段 获取      更新时间：2023-09-26

我正在尝试使用 HTML 和 Jquery 从已发布的表单中获取单个表单值，任何人都可以告诉我以下脚本做错了什么。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<form id="target" action="1.html">
<input type="text" value="Hello world">
<input type="submit" value="Go">
</form>
<script>
$( "#target" ).submit(function( event ) {
var input = $("#target :input[text]"); 
  alert( input);
  console.log(input)
  event.preventDefault();
});
</script>";

</body>
</html>

我似乎只能返回一个对象，但我无法使用警报或控制台.log功能显示它。

var input = $("#target :input[text]");

应该是：

var input = $("#target input[type='text']").val();
在

就绪函数中包装提交事件

$(document).ready(function(){
  $( "#target" ).submit(function( event ) {
    var input = $("#target input[text]").val(); 
    alert( input);
    console.log(input)
    event.preventDefault();
  });
});
相关文章：