Je souhaite réinitialiser la valeur d'une zone de sélection chaque fois que je sélectionne la première option d'une autre zone de sélection. Comme vous pouvez le voir dans mon code ci-dessous, j'utilise 2 cases de sélection. La première contient quelques dates et la seconde boîte de sélection contient quelques heures. Je dois réinitialiser la valeur de la deuxième zone de sélection lorsque je sélectionne la première option de la zone de sélection des dates. Je ne peux pas comprendre où je me suis trompé.
$( 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>
il suffit de définir une chaîne vide $("#d_time").val("");
L'ajout d'une option vide dans la zone de sélection est fortement recommandé.
$( 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>
Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.
En cas d'infraction, veuillez [email protected] Supprimer.
laisse moi dire quelques mots