Récupérer le choix fait dans un "select"

Version imprimable

Bonjour

Je souhaiterai rendre "required" un input text en fonction du choix fait dans un "select", comment faire ?

en gros:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<select class="select" name="monSelect" required="required">
      <option value="choix1" selected>choix 1</option>
      <option value="choix2">choix 2</option>
      <option value="choix3">choix 3</option>
      <option value="choix4">choix 4</option>
</select>
if (choix4)
{
<input type="text" name="monInput" required="required">
}
else
{
<input type="text" name="monInput">
}

une proposition de solution jQuery

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="select" name="monSelect" id="monSelect">
      <option value="choix1" >choix 1</option>
      <option value="choix2" selected>choix 2</option>
      <option value="choix3">choix 3</option>
      <option value="choix4">choix 4</option>
</select>
<input type="text" name="monInput" required="required" id="text" readonly="readonly">
<script type="text/javascript">
        var monSelect = $('#monSelect').val();
        $('#text').val(monSelect);
        $('#monSelect').on('change', function() {
        $('#text').val(this.value);
});
</script>

Zeus_Appolos a raison. Cela ne peut être fait que sur le navigateur du client, soit en JS.
Par contre, sortir la grosse artillerie de JQuery pour quelque chose d'aussi trivial me semble excessif.
Tu peux faire quelque chose comme ça :
Code:

1 2 3 4 5 6 7 <select class="select" name="monSelect" onchange="addRequired(this)"> <script> function addRequired(me) { if(me.selectedIndex == 3) me.form.monInput.setAttribute('required',true); else me.form.monInput.removeAttribute('required'); }

16/12/2022, 18h58
domi65

Bonjour. J'avoue ne pas comprendre ce que tu désires.
Si c'est accéder aux fichiers qui sont dans un répertoire, ceci peut t'aider.

EDIT: erreur de destination !

Salut

Il me semble bien que ta fonction est mal construit, perso je l'écrirais comme cela pour PHP version antérieur à 8

Code:

1
2
3
4
5
6
7
function addRequired($me){
    if($me.selectedIndex==3){
        $me.form.monInput.setAttribute('required',true);
    }else{
        $me.form.monInput.removeAttribute('required');
    }
}

Si non si c'est une version 8

Code:

1
2
3
4
5
6
function addRequired($me){
    if($me.selectedIndex==3)
        $me.form.monInput.setAttribute('required',true);
    else
        $me.form.monInput.removeAttribute('required');  
}

16/12/2022, 23h31
laurentSc

Bonsoir,

les 2 fonctions (avant V8 et après) sont identiques non ?
17/12/2022, 16h07
domi65

Certes, on est sur le forum PHP, mais la fonction proposée est du JS !

Citation:
Envoyé par domi65
Zeus_Appolos a raison. Cela ne peut être fait que sur le navigateur du client, soit en JS.
Par contre, sortir la grosse artillerie de JQuery pour quelque chose d'aussi trivial me semble excessif.
Tu peux faire quelque chose comme ça :
Code:

1 2 3 4 5 6 7 <select class="select" name="monSelect" onchange="addRequired(this)"> <script> function addRequired(me) { if(me.selectedIndex == 3) me.form.monInput.setAttribute('required',true); else me.form.monInput.removeAttribute('required'); }
Merci, ca marche niquel ! ;)