●やりたいこと
以下HTMLのユーザIDを入力したら隣のセルにユーザ名を表示させたい。
なお、ユーザ名は、DBから取得する。
●疑問点(3つあります)
1)どのユーザIDのinputで入力があったか?をどうやって判定するのか?
2)指定したユーザIDの取得をどうやって行うのか?
3)氏名のセットをするにはHTML側の修正が必要かと思いますがどうすればよいでしょうか?配列の場合にはどのように氏名セット先を変更すればよいのでしょうか?
HTML
1<table> 2<tr> 3 <th>ユーザID<th> 4 <th>ユーザ名</th> 5</tr> 6<tr> 7 <td><input type="text" name="u_id[1]" id="u_id[1]" value="1001"></td> 8 <td><p id="u_name[1]"></p></td> 9</tr> 10<tr> 11 <td><input type="text" name="u_id[2]" id="u_id[2]"value="1002"></td> 12 <td><p id="u_name[2]"></p></td> 13</tr> 14<tr> 15 <td><input type="text" name="u_id[3]" id="u_id[3]"value="1003"></td> 16 <td><p id="u_name[3]"></p></td> 17</tr> 18</table>
ajax
1$( function(){ 2 3 $.ajax({ 4 url: '/myproject/ajax/get-name', 5 method: 'POST', 6 data: { user_id: }, 7 dataType: 'json', 8 success: function(data){ 9 // 指定したinputの隣のセルに取得した氏名をセットするのは? 10 }, 11 error: function(){ 12 alert('氏名の取得でエラー'); 13 } 14 }); 15});
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/25 07:20 編集
2018/03/25 12:14