お世話になっております。
<form> <select> <option>で、生年月日を選択して保存すると、 画面を再度呼び出した時に、数字はチェックされているのですが、表示が一番上の <OPTION value="">---</OPTION> のままになってしまいます。 ![イメージ説明](731baf3bfba7f43b2962e7eca8c5f606.png) HTMLとJavaScriptは下記です。 再度画面を読んだ時ん、数字ごとチェックしたものを表示させたいのでが、解決方法についてご教授いただけましたら幸いです。 お手数をおかけしますが、何卒よろしくお願いいたします。<HTML>
<form name="birth">
<select name="year" id="year">
<OPTION value="">---</OPTION>
<option value="1910">1910</option>
<option value="1911">1911</option>
<option value="1912">1912</option>
<option value="1913">1913</option>
<option value="1914">1914</option>
<option value="1915">1915</option>
<option value="1916">1916</option>
<option value="1917">1917</option>
<option value="1918">1918</option>
<option value="1919">1919</option>
<option value="1920">1920</option>
<option value="1921">1921</option>
<option value="1922">1922</option>
<option value="1923">1923</option>
<option value="1924">1924</option>
<option value="1925">1925</option>
<option value="1926">1926</option>
<option value="1927">1927</option>
<option value="1928">1928</option>
<option value="1929">1929</option>
</select>年</td>
<td class="editbirth" align="right">
<select name="month" id="month" class="editbirth">
<OPTION value="">---</OPTION>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
</select>月
</td>
<td class="editbirth" align="right">
<select name="days" id="days" class="editbirth">
<OPTION value="">---</OPTION>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="06">6</option>
<option value="07">7</option>
<option value="08">8</option>
<option value="09">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
</select>日
</form>
<Javascript>
画面ロード時
function touroku_btn_loaded() {
// ユーザーの認証情報をajaxリクエストに送る form_userid = localStorage.getItem("l_userid"); form_session_string = localStorage.getItem("l_session_string"); // ajaxリクエストを組み立てる var credentials = { userid: form_userid, session_string: form_session_string, usertype: 'U', }; // ajaxリクエストをサーバーに送信する $.ajax({ url: HOST_NAME + "user/api/account_info/", type: 'GET', dataType: 'json', data: credentials, timeout: 10000, }) // リクエストが成功した時の処理 .done(function (data) { jsondata = JSON.parse(data); if (jsondata.status == 'success') { // 誕生日 birth_year = jsondata.u_birthdate.substring(0, 4); birth_month = jsondata.u_birthdate.substring(5, 7); birth_date = jsondata.u_birthdate.substring(8, 10); document.getElementById("year").value = birth_year; document.getElementById("month").value = birth_month; document.getElementById("days").value = birth_date; } }) // リクエストが失敗した時の処理 .fail(function (XMLHttpRequest, textStatus, errorThrown) { errordata = JSON.parse(JSON.parse(XMLHttpRequest.responseText)); document.getElementById("caution").innerHTML = errordata.message; })
}
// 基本情報編集画面登録ボタンが押された時の処理
function touroku_btn_clicked() {
// ユーザーの認証情報をajaxリクエストに送る form_userid = localStorage.getItem("l_userid"); form_session_string = localStorage.getItem("l_session_string"); // 誕生日 var birth_year = $('[name=year]').val(); var birth_month = $('[name=month]').val(); var birth_days = $('[name=days]').val(); form_birthdate = birth_year + "-" + birth_month + "-" + birth_days; // ajaxリクエストを組み立てる var credentials = { userid: form_userid, session_string: form_session_string, birthdate: form_birthdate, }; // ajaxリクエストをサーバーに送信する $.ajax({ url: HOST_NAME + "user/api/account_update/", type: 'GET', dataType: 'json', data: credentials, timeout: 10000, }) // リクエストが成功した時の処理 .done(function (data) { jsondata = JSON.parse(data); if (jsondata.status == 'success') { if (loginStatus()) { // 次の画面に進む location.href = "profile.html"; } else { location.href = "login.html"; } } }) // リクエストが失敗した時の処理 .fail(function (XMLHttpRequest, textStatus, errorThrown) { errordata = JSON.parse(JSON.parse(XMLHttpRequest.responseText)); document.getElementById("caution").innerHTML = errordata.message; })
}
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/10/22 12:20