PHP APIで取得したJSONの値をラジオボタンのラベルにする。

Question

###前提・実現したいこと
PHP(CakePHP)で誓約書にサインをするシステムを作っています。
ユーザIDの値をテキストボックスに入れてもらい、確認ボタンを押すと、JavaScriptのonClick関数を呼びます。
AjaxでAPIアクセスしてJSONで返ってきたメールアドレス値(複数の場合あり)を、テキストボックス近くにラジオボタンラベルとして表示します。
誓約書サインボタンを押すと、選択したメールアドレスにメールが送信される仕様です。

###発生している問題・エラーメッセージ

エラーは起きていませんが、
返却されたメールアドレスを表示する際の見せ方や、
選択したアドレスをどう保持するかなど、
イメージできていません。

よろしくお願いします！

Comments

[kei344]

ご自身で書かれたコードを質問文に追記いただいたほうが回答を得られやすいと思います。

[bmyn413]

ありがとうございます！以降そのようにいたします。

Answer 1

HTML側のラジオボタンを配置する場所にid付きのdivをおいておいて、
onClickされたらAjaxでaddressの候補を取得して、動的にラジオボタンのHTMLを作成して、
配置先に作成したHTMLを書き込めばよいのではないでしょうか

以下のようなイメージ？

<div id='input_address'>

var radio = '';
var data = ['[e-mail]', '[e-mail]']; // 実際はajaxで取得する
for (var i = 0; i < data.length; i++){
  radio += '<input type="radio" name="address" value="' + data[i] + '"/>' + data[i];
}
var div = document.getElementById('input_address');
div.innerHTML = radio;

余談ですが、他のユーザのIDを入力したときに、他のユーザのメールアドレスが表示されちゃうリスクがある気がしますが、大丈夫なんでしょうか...

Comments

[bmyn413]

icchiiさんありがとうございます！やってみます！
他人のアドレスが出てしまう件、盲点でした(;'∀')
検討します！

[popobot]

ログインした後の画面で、誓約書にサインしてもらったほうがよいのではないでしょうか。
その場合、システム側はすでにユーザIDがわかっているので、わざわざAJAXにする必要すらないかもしれませんが