1

ユーザーが多数の場所を入力できるように、入力フィールドのリストを入力しています。（リストにデータを入力する方法を見つけましたが、おそらく適切な方法ではないと思います。始めたばかりなので、正しく行う方法を学ぶほうがよいと思います）。次のようにリストに入力します。

function addLocationBox(){
    $('#InputBoxesList').append('<li><input type="text" /><input type="button" value ="Add Location"  onclick="addLocationBox();"/></li>')
}

ユーザーがフィールドに入力し、ページの後半で送信ボタンを押したとき、入力したテキストを取得する方法を知る必要があります。助言がありますか？私はjavascriptを初めて使用するので、追加のポインターも歓迎します:)。

4

1 に答える 1

1

.each()入力間をループするために使用できます。

POSTAjaxとJQueryを使用して値を入力するとします。textareasやselectではなく、入力のみで、例の方が簡単です。

まず、データを保存するためのテキスト入力と文字列変数が必要です。この文字列でvalueは、送信の最初に保存することがよくあります。サーバーサイドで便利です。

var $inputs    = $("input").not("input[type=submit]"),
    submitval  = $("input[type=submit]").val(),
    datastring = "submit="+submitval;

次に.each()、入力をループし、データ文字列に名前/値を追加するために使用します。

$inputs.each(function() {
  var $this = $(this),
      name  = $this.attr("name"),
      val   = $this.val();

      datastring += "&"+name+"="+val;    
});

これで、form.phpの例ごとに、このようにPOSTできるデータ文字列ができました。

$.ajax({
  type: "POST",
  data: datastring,
  url: "form.php",
  success: function(data) {
    // your success handler
  }, 
  error: function() {
    // your error handler
  }   
});

これはカットアンドペーストソリューションではなく、より一般的な方法です。

テキストエリア、チェックボックス、選択など
は処理されません。複数のフォームは処理されません。
投稿する前にデータをチェックしません。

したがって、注意して使用してください。

于 2013-02-12T01:12:37.083 に答える