以下の明細行の編集ボタンを押下した時に押下した行の「set_data.id_1」をpostするにはどうすればよいでしょうか?
現在「id」の項目には最終行のset_data.id_1の値が設定されpostされます。
javascriptで確認ボタンを押下されたら目的行のset_data.id_1をhiddenのid項目にセットすればうまくいくのでしょうか>
よろしくお願いします。
ソースコード
<div>
<div class="tab-content">
<!-- ウィンドウサイズに合わせて枠の大きさを変える -->
<div class="container-fluid">
<!-- 水平方向の横スクロールバーを加える -->
<div class="table-responsive col-auto">
<div class="tab-content">
{% if active_tab == 'same' %}
<div role="tabpanel" class="tab-pane list_tab-pane table-responsive active" id="sam">
{% else %}
<div role="tabpanel" class="tab-pane list_tab-pane table-responsive" id="same">
{% endif %}
<form action="/wdd/edit_result.html" method="POST">
{% csrf_token %}
<div class="form-group row">
<table class="table table-striped scroll_datatable small-table" style="width: 100%">
<thead>
<th></th>
<th>個体</th>
</thead>
<tbody>
{% for set_data in data %}
<tr>
<td></td>
<INPUT TYPE="hidden" NAME="id" VALUE={{set_data.id_1}}>
<td class="text-nowrap">{{set_data.id_1}}<br>{{set_data_id_2}}</td>
<td class="text-nowrap"><button onclick="location.href=\'' + url + '\'" type="submit" id="edit_result' + id + '" class="btn btn-light btn-custom-light">編集</button>'
</tr>
{% endfor %}
</tbody>
</table>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
質問の意味がわからないです笑
よくわからないので、勘で答えます。
<form action="/wdd/edit_result.html" method="POST">
「/wdd/edit_result.html」がポスト先であるはずなのに
<button onclick="location.href=\'' + url + '\'" type="submit" id="edit_result' + id + '"....>
「location.href」が設定されているために、urlに行ってしまう?
「/wdd/edit_result.html」にポストするなら「location.href」は不要な気がします。
しかしこのような質問の場合は、出力前のコードよりも出力後のHTMLコードを掲示された方が回答されやすいのではないかと思います。
あと、何が聞きたいのかがわかりませんでした。
・目的
・やったこと
・行き詰ったこと
・そのときの状況
・エラーなどの詳細
・推測などがあれば
を掲示するとよいです。
↓ついでに</td>が抜けてると思います。
</button>'
</tr>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- Ruby No route matches [GET] "/posts/5/destroy" 1 2022/03/24 13:00
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
idの中のid指定
-
CSS, リンクの色を一部変えるに...
-
HTML要素のid/class名の長さに...
-
brにクラスをつけてcssでdispla...
-
外部css定義したclassをht...
-
リンクの文字の色の反転につい...
-
CSSのクラス名・ID名の指定でワ...
-
CSSの適用を一部だけ除外したい。
-
最近、HTMLのヘッダーをIDで定...
-
同ページ内でリンクの色を変え...
-
<span>で2重にかけているものを...
-
マススポインタがリンクの上に...
-
個別にリンクの色を変える方法
-
透過背景を解除するにはどうす...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
超音波で洗脳。
-
リンクを知らせる手のマークが...
-
ボタンをセル内一杯に表示させ...
-
input type="hidden"で取得した...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
htmlのid属性って必要なの?
-
最近、HTMLのヘッダーをIDで定...
-
HTML要素のid/class名の長さに...
-
CSSに同じclass名がいっぱい‥。...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
サイトにjQueryが使用されてい...
-
ページの左右の余白(枠外)に...
-
CSS, リンクの色を一部変えるに...
-
透過背景を解除するにはどうす...
-
<span>で2重にかけているものを...
-
idの中のid指定
-
display:table-cell内でこんな...
-
CSSが効かずどのように指定すれ...
-
スタイルシートで、id属性の中...
-
【VBA/HTML】IE画面内のページT...
-
brにクラスをつけてcssでdispla...
-
外部css定義したclassをht...
-
CSS内で使われる山括弧の意味が...
おすすめ情報