| 1 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
|---|
| 2 |
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> |
|---|
| 3 |
<head> |
|---|
| 4 |
<title>Prototype #6326</title> |
|---|
| 5 |
<script type="text/javascript" src="../dist/prototype.js"></script> |
|---|
| 6 |
</head> |
|---|
| 7 |
<body> |
|---|
| 8 |
<form id="myForm" action="?"> |
|---|
| 9 |
<div> |
|---|
| 10 |
<select id="mySelect" name="select" size="1"> |
|---|
| 11 |
<option>foo</option> |
|---|
| 12 |
<option>bar</option> |
|---|
| 13 |
<option>cad</option> |
|---|
| 14 |
<option>doe</option> |
|---|
| 15 |
<option>eik</option> |
|---|
| 16 |
<option>gah</option> |
|---|
| 17 |
</select> |
|---|
| 18 |
| <span id="output1"></span> |
|---|
| 19 |
| <span id="output2"></span> |
|---|
| 20 |
</div> |
|---|
| 21 |
</form> |
|---|
| 22 |
<script type="text/javascript"> |
|---|
| 23 |
var observer1 = new Form.Element.Observer('mySelect', 0.1, function(element, value) { |
|---|
| 24 |
$('output1').innerHTML = ("Select has changed value to '" + value + "'"); |
|---|
| 25 |
}); |
|---|
| 26 |
var observer2 = new Form.Observer('myForm', 0.1, function(form, value) { |
|---|
| 27 |
$('output2').innerHTML = ("Form has changed value to '" + value + "'"); |
|---|
| 28 |
}); |
|---|
| 29 |
</script> |
|---|
| 30 |
</body> |
|---|
| 31 |
</html> |
|---|
