アプリ版:「スタンプのみでお礼する」機能のリリースについて

以下の明細行の編集ボタンを押下した時に押下した行の「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件)

質問の意味がわからないです笑


よくわからないので、勘で答えます。

<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>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!