Discussion :

[Hespace]

Bonjour, voici mon objectif:
-------------------------
| Menu déroulant |A
| Champ (entier) |B
-------------------------
Mon menu déroulant contient des éléments d'une base de données, le nom est affiché mais je stocke aussi le maximum que peut prendre une valeur.
Dessous, la valeur en question.

J'aimerais selon la valeur de A, modifier le maximum que peut prendre le champ B.

Pour le stockage, A puise dans une table T_Convention, elle possède les champs
* id_Convention (identifiant numérique)
* Con_Name (nom affiché dans le menu déroulant)
* Con_TableQuantity (valeur que peut prendre au max le champ B).

J'utilise expressjs et comme moteur de template ejs.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 <form class="ui form" method="post" action="/Disponibilite">
   <input type="hidden" name="tableName" value="T_Disponibilite">
    <h4 class="ui dividing header">Ajout d une disponibilité: </h4>
    <div class="required field">
      <label for="convention">Convention</label>
      <select   class="ui fluid dropdown"
                id="convention"
                name="convention"
                onchange="myFunction()"
                required>
        <option value="" selected disabled>Nom de la convention</option>
        <% for(var i=0; i<T_Convention.length; i++) {%>
          <option value=<%= T_Convention[i].id_Convention %>>
              <%= T_Convention[i].Con_Name %>
          </option>
        <% } %>
      </select>
    </div>
    <div class="field" id="tablenumberfield">
      <label for="name">Numéro de la table</label>
      <input id="tablenumber" name="tablenumber" type="number" min="0" max="1" step="1"/>
    </div>
 
    <script>
    function myFunction() {
      var x = document.getElementById("convention").value
      //=======================================================================
      // Ligne importante
      //=======================================================================
      document.getElementById("tablenumber").max = <%= T_Convention[x] %>
    }
    </script>
      <button type="submit" class="ui blue labeled submit icon button">
      <i class="icon edit"></i> Envoyer
    </button>
</form>

Pourriez vous m'aiguiller soit vers les bons mots clés à rechercher sur google, soit vers une piste de solution, soit si le moteur l'en empêche vers un moteur plus adapté.

[mathieu]

il s'agit d'un évènement côté client donc la question concerne JavaScript côté client.

[NoSmoking]

Bonjour,
tu n'en es pas loin mais il te faut attribuer la valeur récupérée et non la fixer en dur comme tu le fais ici

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("tablenumber").max = <%= T_Convention[x] %>

cela serait plus du style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function myFunction() {
  var valeur = document.getElementById('convention').value; // récup. de la valeur
  document.getElementById('tablenumber').max = valeur;      // affectation de la valeur
}