0

存在する ajax コードを使用して、以下のフォームの「日付」入力値を渡す方法はありますか? 現時点では、「ピーター」と「シェフィールド」を渡していることに気づきましたが、これをフォームに入力された値に切り替えたいと思います。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript"
    src=http://code.jquery.com/jquery-latest.js>    
</script>
<script type="text/javascript">
// This functions starts the ajax to show the output from post.php
function StartAjax(ResultsId){
    $.ajax({
      type: "POST",
      url: "postTest.php",
      cache: false,
      data: "name=Peter&location=Sheffield",
      success: function(html, status){
        $("#"+ResultsId).append(html);
        $('#status').append(status);
      } 
    });
}
</script>
</head>
<body>
<h1> Run Club</h1>
testing
<form>
date: <input type="text" name="date"><br>

</form>
<a href="#" onclick="StartAjax('ResultsId');">Click Here to see updates from postTest.php</a>
<div id="ResultsId"></div>
<div id="status"></div>
</body>
</html>
4

1 に答える 1

2

で日付を取得できます$('input[name="date"]').val()

したがって、データ値は次のようになります。

data: "name=Peter&location=Sheffield&date=" + $('input[name="date"]').val(),
于 2013-01-03T22:54:46.457 に答える