プロが教える店舗&オフィスのセキュリティ対策術

javascript プルダウンの連動について教えてください。

プルダウン①に対し②は2時間前を自動で選択させたいのですが、
以下の状態では①が12時以降選択時しか反応しません。
①を07時から11時まで選択した時は②は「選択」のままです。
あれこれやってみましたが、どうしても思い通りに行きません。
どうか、アドバイスいただけないでしょうか?

<script type="text/javascript" src="./js/jquery-1.js"></script>
<script type="text/javascript">
$(function(){
$('.pulldown_h').change(function(){
$('.pulldown_h2').val($(this).val() - 2);
});
});
</script>

<select class="pulldown_h" name="①">
<option value="">選択</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</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>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
</select>時


<select class="pulldown_h2" name="②">
<option value="">選択</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</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>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
</select>時

宜しくお願いいたします。

質問者からの補足コメント

  • うーん・・・

    ありがとうございました。
    ただ、結果変わらず、①を07時から11時まで選択した時は②は「選択」のままでした。

    No.1の回答に寄せられた補足コメントです。 補足日時:2017/08/13 08:42

A 回答 (1件)

function padNum2(n){ return ('00' + n).substr(-2) }


$('.pulldown_h2').val(padNum2($(this).val() - 2));
この回答への補足あり
    • good
    • 0
この回答へのお礼

ありがとうございました。
結局出来なくて、value="05"→value="5"としました。

お礼日時:2017/08/13 09:19

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