Hello,
un exemple parce que c'est vite fait :
<html>
<head>
<script type="text/javascript">
window.onload = function() {
sElem = document.getElementById('_select');
try {
myEventListener(sElem, 'change', liste, false);
} catch(e) {
alert(e);
}
pElem = document.getElementById('chx');
aChx = pElem.getElementsByTagName('input');
for (var i=0; i < aChx.length; i++) {
myEventListener(aChx[i], 'click', choix);
}
}
myEventListener = function (elem, event, fct) {
if(!elem.addEventListener) {
switch(event) {
case 'click':
elem.onclick=fct;
break;
case 'change':
elem.onchange=fct;
break;
default:
throw new Exception('Event not supported here');
break;
}
} else {
elem.addEventListener(event, fct, false);
}
}
liste = function() {
document.getElementById('_selectTxt').value=document.getElementById('_select').value;
}
choix = function() {
var iCpt=0;
for(var i=0; i < aChx.length; i++) {
if(aChx[i].checked === true) {
iCpt++;
}
}
document.getElementById('_choixTxt').value = iCpt;
}
</script>
</head>
<body>
<form id="frm">
<p>
<select name="_select" id="_select">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
<p id="chx">
<input type="checkbox" name="_checkbox" value="1"/><br />
<input type="checkbox" name="_checkbox" value="2"/><br />
<input type="checkbox" name="_checkbox" value="3"/><br />
</p>
<p>
<input type="text" name="_selectTxt" id="_selectTxt" value="0" />
<label for="_selectTxt">réponse(s) sélectionnée(s) dans la liste</label>
</p>
<p>
<input type="text" name="_choixTxt" id="_choixTxt" value="0" /><br />
<label for="_choixTxt">réponse(s) sélectionnée(s) dans les cases à cocher</label>
</p>
</form>
</body>
</html>