WordPress・WEB系の開発(プログラム)関係や技術情報ほか、技術情報全般を掲載

  • このエントリーをはてなブックマークに追加

JavaScriptでFormを作成しSubmitする(POST)サンプル

管理画面などで、リスト表示させたコンテンツをボタン押下時に削除できるように
JavaScriptでFormを動的に作成してSubmitするサンプル(POST送信)。

<html>
<head>
<title>JavaScriptでFormを作成しSubmitする(POST)サンプル</title>
</head>
<body>

<table>
<tr>
    <th>ID</th>
    <th>ページ名</th>
    <th>操作</th>
</tr>
<tr>
	<td>11</td>
	<td>サンプル001</td>
    <td>
    	<button type="button" onclick="javascript:delSubmit(11);">削除</button>
    </td>
</tr>
<tr>
	<td>21</td>
	<td>サンプル002</td>
    <td>
    	<button type="button" onclick="javascript:delSubmit(21);">削除</button>
    </td>
</tr>
</table>

<!-- スクリプト -->
<script>
/* フォームを作成し、対象ページを削除 */
function delSubmit(page_id)
{
    var form = document.createElement('form');
    form.method = 'post';
    form.action = '/delete';

    var id = document.createElement('input');
    id.type = 'hidden';
    id.name = 'PageID';
    id.value = page_id;
    form.appendChild(id);

    document.body.appendChild(form);
    form.submit();
}
</script>

</body>
</html>

【PR】拓殖大学バスケ部の試合結果、スケジュールなど最新情報を掲載!
【PR】自動車部品をラインに引っ掛ける作業@名古屋

関連記事

コメントは利用できません。

アーカイブ