par
devlop78 » 15 déc. 2010, 01:39
Bah je risque de dire quelques bêtises en JavaScript "pur".
Soit
<select id="mySelect">
<option value="Yahoooo">Yahoooo</option>
<option value="Miaoouu">Miaoouu</option>
</select>
<p>Vous avez sélectionné : </p>
Soit Javascript :
Code : Tout sélectionner
<script ...>
document.onload = function (e) {
var mySelect = document.getElementById("mySelect");
var myParagraphe = document.getElementsByTagsName("p")[0];
mySelect.onchange = function (e) {
myParagraphe.innerHTML = mySelect.value; // Pas sûr
myParagraphe.style.color = "#eeffaa";
}
}
</script>
Ou jQuery :
Code : Tout sélectionner
<script ...>
$(document).ready (function () {
$("#mySelect").change (function () {
$("p:eq(0)").text($(this).val()).css("color","#eeffaa");
});
});
</script>Bah je risque de dire quelques bêtises en JavaScript "pur".
Soit
[html]<select id="mySelect">
<option value="Yahoooo">Yahoooo</option>
<option value="Miaoouu">Miaoouu</option>
</select>
<p>Vous avez sélectionné : </p>[/html]
Soit Javascript :
[code]<script ...>
document.onload = function (e) {
var mySelect = document.getElementById("mySelect");
var myParagraphe = document.getElementsByTagsName("p")[0];
mySelect.onchange = function (e) {
myParagraphe.innerHTML = mySelect.value; // Pas sûr
myParagraphe.style.color = "#eeffaa";
}
}
</script>[/code]
Ou jQuery :
[code]<script ...>
$(document).ready (function () {
$("#mySelect").change (function () {
$("p:eq(0)").text($(this).val()).css("color","#eeffaa");
});
});
</script>[/code]
