Choix d'une valeur modifie des boutons radios

Bonjour à tous,

J'ai un soucis que je n'arrive pas à régler ! :?
J'ai un menu déroulant avec différentes valeurs que vous pouvez voir ici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<label for="dir">Direction *:</label>
<select id="dir" name="dir">
	<option value="DIRECTION_GENERALE">Direction Generale</option>
	<option value="SECRETARIAT GENERAL">Secretariat General</option>
	<option value="DIRECTION ORGANISATION ET MAITRISE D'OUVRAGE">DOMOA</option>
	<option value="DIRECTION DEVELOPPEMENT ET STRATEGIE">Direction Developpement et Strategie</option>
	<option value="DIRECTION RESSOURCES HUMAINES ET COMMUNICATION INTERNE">Direction RH/Communication Interne</option>
	<option value="DIRECTION CI et CONFORMITE">Direction CI/Conformite</option>
	<option value="DIRECTION DES RISQUES">Direction des Risques</option>
	<option value="DIRECTION SUPPORT OPERATIONNEL">Direction Support Operationnel</option>
	<option value="DIRECTION OUTRE MER">Direction Outre-Mer</option>
	<option value="DCR_Gd_Cpts_et_International" selected="selected">DCR_Gd_Cpts_et_International</option>
	<option value="DCR_Mandats_de_Gestion">DCR_Mandats_de_Gestion	</option>
	<option value="DCR_Nord_Est">DCR_Nord_Est</option>
	<option value="DCR_Ouest">DCR_Ouest</option>
	<option value="DCR_Paris_Normandie">DCR_Paris_Normandie</option>
	<option value="DCR_Sud_Est">DCR_Sud_Est</option>
	<option value="DCR_Sud_Ouest">DCR_Sud_Ouest</option>
</select>

et j'aimerai faire un test sur les trois premières lettres de mes valeurs et selon le résultat cocher par défaut dans des bouton radio "OUI" si la valeur commence par DCR et "NON" sinon
Voici mes boutons radio :

Code:

1
2
<INPUT type='radio' name='choix' value='OUI'> OUI
<INPUT type='radio' name='choix' value='NON' checked> NON

Si le bouton OUI est coché une phrase devrai s'afficher, et ne s'affichera pas sinon.

Vous avez des idées ? :scarymov:

Un petit coup de jquery

Code:

1
2
3
4
5
$('#dir').change(function () {
    dcr = (/^DCR/).test($(this).val());
    $("[name='choix'][value='OUI']").prop("checked", dcr);
    $("[name='choix'][value='NON']").prop("checked", !dcr);
})

en js pur

Code:

1
2
3
4
5
6
7
8
document.getElementById('dir').onchange = function () {
    if (/^DCR/.test(this.value)) {
        document.getElementsByName('choix')[0].checked = true;
    } else {
        document.getElementsByName('choix')[1].checked = true;
    }
 
}

Merci SpaceFrog !
Mais je dois mettre ces 2 bouts de code où stp ??
desolé je ne m'y connais pas en JS :oops: