別の選択ボックスの最初のオプションを選択するたびに、選択ボックスの値をリセットしたい。以下のコードでわかるように、2つの選択ボックスを使用しています。最初のボックスにはいくつかの日付が含まれ、2番目の選択ボックスにはいくつかの時間が含まれます。日付選択ボックスの最初のオプションを選択するときに、2番目の選択ボックスの値をリセットする必要があります。どこが間違っていたのかわかりません。
$( document ).on( "change", ".date_list", function() {
if ( $('select[name=d_date]')[0].selectedIndex === 0 )
{
$("#d_time").val();
alert('HOLLA');
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select class="date_list" name="d_date" id="d_date">
<option value="2020-02-19">Wednesday 19 February</option>
<option value="2020-02-20">Thursday 20 February</option>
<option value="2020-02-21">Friday 21 February</option>
<option value="2020-02-24">Monday 24 February</option>
<option value="2020-02-25">Tuesday 25 February</option>
<option value="2020-02-26">Wednesday 26 February</option>
</select>
<select class="time_list" name="d_time" id="d_time"><option value="9:56:00">09:56</option><option value="10:56:00">10:56</option><option value="11:56:00">11:56</option><option value="12:56:00">12:56</option><option value="13:56:00">13:56</option><option value="14:56:00">14:56</option><option value="15:56:00">15:56</option><option value="16:56:00">16:56</option><option value="17:56:00">17:56</option><option value="18:56:00">18:56</option><option value="19:56:00">19:56</option><option value="20:56:00">20:56</option><option value="21:56:00">21:56</option></select>空の文字列$("#d_time").val("");を設定するだけ選択ボックスに空のオプションを追加することを強くお勧めします。
$( document ).on( "change", ".date_list", function() {
if ( $('select[name=d_date]')[0].selectedIndex === 0 )
{
$("#d_time").val("");
}
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<select class="date_list" name="d_date" id="d_date">
<option value="2020-02-19">Wednesday 19 February</option>
<option value="2020-02-20">Thursday 20 February</option>
<option value="2020-02-21">Friday 21 February</option>
<option value="2020-02-24">Monday 24 February</option>
<option value="2020-02-25">Tuesday 25 February</option>
<option value="2020-02-26">Wednesday 26 February</option>
</select>
<select class="time_list" name="d_time" id="d_time"><option value="9:56:00">09:56</option><option value="10:56:00">10:56</option><option value="11:56:00">11:56</option><option value="12:56:00">12:56</option><option value="13:56:00">13:56</option><option value="14:56:00">14:56</option><option value="15:56:00">15:56</option><option value="16:56:00">16:56</option><option value="17:56:00">17:56</option><option value="18:56:00">18:56</option><option value="19:56:00">19:56</option><option value="20:56:00">20:56</option><option value="21:56:00">21:56</option></select>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加