jquery フォームに要素を追加する方法

更新:2017.9.10 views:3

目次

フォームに対して動的に要素を追加する方法になります。

実装について

方法としては、あらかじめ作成しておいた(htmlに記述しておいた)フォームに後からjqueryで要素を追加する形になります。

コード&解説

ベースとなるフォームを作成しておきます。

idを指定して追加を行いますので、適当なidを付けておいてください。

<form id="myform">
</form>

javascript側です。

今回はhiddenの要素を追加します。

データをポストしたいので、nameやvalueを追加しておきます。

appendToのところに、追加する対象のフォームをidで指定します。

$("<input>", {
  type: 'hidden',
  id: 'myinput',
  name: 'myinput',
  value: 10000
}).appendTo('#myform');

このコードを実行すると、myformというidのフォームにhiddenのinputタグが追加されます。

この後、ポストすれば、myinputという名前で値がポストされます。

IT関係関連記事

NASの選び方
2017/06/06
 24 views

wordpressの設定まとめ
2017/05/10
 0 views







.htaccessの設定まとめ
2017/06/25
 305 views

これからブログなどのサイトを作りたいと思っている人は、お名前.comでのドメイン取得がオススメです。

■□━━ 急げ、ドメインは早い者勝ち! ━━□■
     ■お名前.com

アマゾンの2019年本屋大賞一覧

そして、バトンは渡された
ひと
ベルリンは晴れているか
熱帯
ある男

楽天市場のおすすめ商品一覧

お金2.0 新しい経済のルールと生き方 [ 佐藤航陽 ]
全部レンチン!やせるおかず 作りおき 時短、手間なし、失敗なし
「読む力」と「地頭力」がいっきに身につく 東大読書 [ 西岡 壱誠 ]