もう一度、非常にプログラミングに新しい、jqueryとajaxを開始します。あまり問題なくjQueryを使用することができましたが、今はユーザー入力に基づいてAPIコールを公開するためにajaxに拡張したいと考えています。以下のスニペットでは、フォーム送信用のjqueryハンドラのセクションを貼り付けました。 jquery関数(.val())内のさまざまな入力をconsole.logに記録すると、値が表示されます。関数で値を作成しようとして、入力の.val()に設定しようとすると、私は定義されません。私はどんな愚かさですか? jqueryののHTMLフォームの入力をjquery変数に保存する問題
セクション:
$(document).ready(function(){
$("#user_in").submit(function() {
var city=$(city).val();
var state=$(state).val();
var year=$(year).val();
var month=$(month).val();
var day=$(day).val();
console.log(city); //returns undefined
console.log($(city).val()); //returns the form submission
<div id="form_div">
<form id="user_in" action="index.html" method="post">
<p>Please enter your city name:</p><input type="text" name="city" id="city"><br>
<p>Please enter your two letter state:</p><input type="text" name="state" id="state"><br>
<p>Please enter the year of history (YYYY):</p><input type="text" name="year" id="year"><br>
<p>Please enter the month (MM):</p><input type="text" name="month" id="month"><br>
<p>Please enter the day (DD):</p><input type="text" name="day" id="day"><br>
<input type="submit" value="Submit">
</form>
</div>
HTMLを表示できますか?あなたのセレクタが間違っているようです –
HTMLコードを共有すると、HTML要素から値を取得する方法をお手伝いします – prtdomingo
grrrr。私はまだこのインターフェースを知らない。 HTMLコードをレンダリングせずに入力するにはどうすればよいですか? –