J'ai besoin d'aide avec jquery si condition. Je recherche et teste depuis des heures, toute aide serait formidable !!! J'obtiens ce code HTML:
<label id="label1" for="date_from">Value:</label>
<input value="" />
<select id="select1" name="select1">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
<select id="select2" name="select2">
<option>No Match</option>
<option value="1">Test</option>
<option value="2">Test 2</option>
<option value="3">Test 3</option>
</select>
et cette fonction jquery:
if ( $('#label1').val() < 3 ) {
$('select').change(function() {
$('#select1, #select2').not(this)
.children('option[value=' + this.value + ']')
attr('disabled', true)
.siblings().removeAttr('disabled');
});
}
else {
$('select').change(function() {
$('#select1, #select2').not(this)
.children('option[value=' + this.value + ']')
.attr('disabled', false)
.siblings().removeAttr('disabled');
});
}
Je suis un débutant en jquery, et je ne sais pas si ce code est écrit correctement car il ne fonctionne pas.
Le problème est:
Lorsque la valeur d'entrée est inférieure à 3, sélectionnez l'option dans select2 est la même que dans select1 et le reste des options dans select2 sont désactivées. Lorsque la valeur d'entrée est supérieure à 3, les options de select1 et select2 sont activées.
Cordialement, Merci d'avoir lu ce post de débutant jquery ...
essaye ça:
$(function(){
$("input").change(function(){
if ( $(this).val() < 3 ) {
$('#select2').prop('disabled', true);
$('#select1').on("change",function() {
$('#select2').val($(this).val());
});
}else {
$("#select1").off();
$('#select1, #select2').prop('disabled', false);
}
});
});