Question

我已经创建了选择输入一些选项，并且在该选项上更改它将转到服务器并获取一些数据，如果有数据，它将在选项标签中附加选择加载数据，类似于添加的数据，如果有数据的话服务器它将继续显示，但我需要刷新和dom同一事件

＆＃13;

 $(document).ready(function() {
   var data;
   var child1 = ['a', 'b', 'c', 'd'];
   var child2 = ['apple', 'banana', 'orange', 'pinapple'];
   var child3 = ['php', 'jsp', 'python', 'asp'];
   $('#mainInit').on('change', function() {
     //ajax request runs and from the value of mainInit and loads some data to append in option
     $('.wrapper').append('<select class="child" > select something</select>');
     if ($(this).val() == "1") {
       data = child1;
     } else if ($(this).val() == "2") {
       data = child2;
     } else {
       data = child3;
     }

     $.each(data, function(index, value) {
       $('.child').append('<option>' + value + '</option>');
     });


   })

 })

＆＃13;

<div class="wrapper">
  <select name="" id="mainInit">
    <option>select</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
  </select>

</div>

＆＃13;

和类似的将有

的功能

$('body').on('change','.child',function(){
// here it will do the same work as the main init check if the option has value and load
})

每次我点击1后接下来的东西追加，如果2下一个东西附加的东西应该是。当我点击1如果应该追加，当我点击它应该删除所有儿童孩子无限dom添加和其余相同 https://jsfiddle.net/3cnd2fgL/是我试过的

http://www.kaymu.com.np/createproduct/start/这就是我想要完成的类别部分

如果有数据jQuery

0 个答案: