Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script src="jquery/jquery-1.11.0.min.js" type="text/javascript"></script>
- </head>
- <body>
- <select id="test1" blaat="#test2" class="vervolg">
- <option value="1">Linux</option>
- <option value="2">Microsoft</option>
- <option value="3">Apple</option>
- </select>
- <select id="test2" blaat="#test3" class="vervolg">
- </select>
- <select id="test3">
- </select>
- <script>
- function setChildForSelectbox(selectId,selectedValue,child){
- $.get("json/" + selectId + "/" + selectedValue, function(data){
- // console.log(data[0].desc);
- console.log("setup " + child + " met gekozen optie " + selectedValue)
- var sel = $(child);
- sel.empty();
- for (var i=0; i <data.length; i++) {
- if (i==0){
- sel.append('<option value="' + data[i].id + '" selected>' + data[i].desc + '</option>');
- }else{
- sel.append('<option value="' + data[i].id + '">' + data[i].desc + '</option>');
- }
- }
- // console.log("Standaard gekozen : " + sel.find("option:selected").attr("value"));
- selectionReady(child);
- }, "json")
- .fail( function() {
- console.log("Foutje bij laden JSON!");
- });
- }
- function selectionReady(child){
- if($(child).attr('blaat') !== undefined){
- id = $(child).attr('id');
- selected = $(child).find("option:selected").attr("value");
- child = $(child).attr('blaat');
- setChildForSelectbox(id,selected,child);
- }
- }
- $(document).ready(function() {
- $(".vervolg").change(function(){
- selectionReady("#" + $(this).attr('id'));
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement