| a | b | |
|---|
| 0 | + | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
|---|
| 0 | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
|---|
| 0 | + | <head> |
|---|
| 0 | + | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> |
|---|
| 0 | + | <title>IE Sucks</title> |
|---|
| 0 | + | <script type="text/javascript" src="http://beebole.com/pure/version2/libs/jquery.js"></script> |
|---|
| 0 | + | <script type="text/javascript" src="http://beebole.com/pure/version2/libs/pure2.js"></script> |
|---|
| 0 | + | </head> |
|---|
| 0 | + | <body> |
|---|
| 0 | + | GOOD |
|---|
| 0 | + | <br/> |
|---|
| 0 | + | <select class="make"> |
|---|
| 0 | + | <option>Choose..</option> |
|---|
| 0 | + | <option class="values"></option> |
|---|
| 0 | + | </select> |
|---|
| 0 | + | <br/> |
|---|
| 0 | + | <br/> |
|---|
| 0 | + | <br/> |
|---|
| 0 | + | BAD |
|---|
| 0 | + | <br/> |
|---|
| 0 | + | <div> |
|---|
| 0 | + | <div> |
|---|
| 0 | + | <p> |
|---|
| 0 | + | <span> |
|---|
| 0 | + | <label>Marca:</label> |
|---|
| 0 | + | <select class="make"> |
|---|
| 0 | + | <option>Choose..</option> |
|---|
| 0 | + | <option class="values"></option> |
|---|
| 0 | + | </select> |
|---|
| 0 | + | </span> |
|---|
| 0 | + | </p> |
|---|
| 0 | + | </div> |
|---|
| 0 | + | </div> |
|---|
| 0 | + | |
|---|
| 0 | + | <script type="text/javascript"> |
|---|
| 0 | + | $(document).ready(function() { |
|---|
| 0 | + | renderCombo(); |
|---|
| 0 | + | }); |
|---|
| 0 | + | |
|---|
| 0 | + | var renderCombo = function(){ |
|---|
| 0 | + | |
|---|
| 0 | + | var data = { |
|---|
| 0 | + | 'makes':[ |
|---|
| 0 | + | { |
|---|
| 0 | + | "name":"Ford", |
|---|
| 0 | + | "models":[ |
|---|
| 0 | + | {"name":"Fusion"}, |
|---|
| 0 | + | {"name":"Mustang"} |
|---|
| 0 | + | ] |
|---|
| 0 | + | }, |
|---|
| 0 | + | { |
|---|
| 0 | + | "name":"Chevrolet", |
|---|
| 0 | + | "models":[ |
|---|
| 0 | + | {"name":"Aveo"}, |
|---|
| 0 | + | {"name":"Camaro"} |
|---|
| 0 | + | ] |
|---|
| 0 | + | } |
|---|
| 0 | + | ] |
|---|
| 0 | + | }; |
|---|
| 0 | + | |
|---|
| 0 | + | $p('select.make').render(data, { |
|---|
| 0 | + | 'option.values':{ |
|---|
| 0 | + | 'make <- makes':{ |
|---|
| 0 | + | '.':'make.name' |
|---|
| 0 | + | } |
|---|
| 0 | + | } |
|---|
| 0 | + | }); |
|---|
| 0 | + | |
|---|
| 0 | + | }; |
|---|
| 0 | + | </script> |
|---|
| 0 | + | </body> |
|---|
| 0 | + | |
|---|
| 0 | + | </html> |
|---|
| ... | |
|---|