Bonjour.
Je suis novice en Javascript. Et j"essaie quelques trucs.....
J'étais tombé sur un post dans lequel l'auteur demandait le changement d'une page en fonction d'une liste déroulante.
Je voudrais voir comment on pourrait modifier le script ci-après (simple copier/coller du précédent) pour faire en sorte que l'affichage de l'Action 2 soit effective si l'un des deux OU les deux Tests ont la valeur "Yes". Donc si on a les deux sur "Yes" et qu'on remet l'un quelconque des deux Tests sur "No", l'Action 2 doit resté affichée.
Merci de vos lumières.....

Code html : 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>Ceci est le titre de la page</title>
    <script type="text/javascript">
      function catsel(sel) {
        //if (sel.value=="-1" ) return;
        var opt=sel.getElementsByTagName("option" );
        for (var i=0; i<opt.length; i++) {
          var x=document.getElementById(opt[i].value);
          if (x) x.style.display="none";
        }
        var cat = document.getElementById(sel.value);
        if (cat) cat.style.display="block";
      }
    </script>
  </head> 
  <body>
    <table>
      <tr>
        <td>
        Faites un choix :
        </td>
        <td>
          <select onchange="catsel(this)" name='f_5'>
          <!--<option value="-1">None</option>!-->
           <option value="0" disabled selected>Select your option </option>
            <option value="1">Yes</option>
            <option value="2">No</option>
 
          </select>
        </td>
      </tr>
 
      <tr>
        <td>
        Faites un choix 2 :
        </td>
        <td>
          <select onchange="catsel(this)" name='f_6'>
          <!--<option value="-1">None</option>!-->
           <option value="0" disabled selected>Select your option</option>
            <option value="1">Yes</option>
            <option value="2">No</option>
 
          </select>
        </td>
      </tr>
 
      <tr>
        <td colspan="2">
 
          <div id="1" style="display:none">
            <table border="0" cellspacing="1" cellpadding="0"><tr><td>	  
			<label for="browser2">Action 2</label>
			<input list="browsers" name="browser2">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist></td></tr></table>
          </div>
 
        </td>
      </tr>
 
 
      <tr>
        <td colspan="2">
	  <label for="browser">Action 1</label>
	  <input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
        </td>
      </tr>
 
    </table>
  </body>