msdropdown - 첫 번째에 기초한 두 번째 드롭 다운로드

Question

첫 번째 드롭 다운을 기준으로 두 번째 드롭 다운을로드하려면 다음 코드를 시도했지만 정상적으로 작동합니다. 하지만 두 번째 드롭 다운은 처음으로 두 번째 드롭 다운을 선택하는 동안 내용을 지우지 않습니다. 값을 추가합니다.

또한 두 번째 드롭 다운의 옵션 값은 "json_data [i] .value"여야합니다. 하지만 나를 위해 그것은 "json_data [i] .text"입니다.

다음은 첫 번째 드롭 다운 클릭에서 사용한 코드입니다. 다음은

 $.ajax({ 
     url: "http://foo.bar/data.json", 
     type: "POST", 
     data: { 
     article: produkt, 
     color: farbe, 
     size: groesse, 
     form: typ 
    } 
    }).done(function (data) { 
     var json_data = $.parseJSON(data.responseText.trim()); 

     for(var i=0;i<json_data.length;i++) { 
      json_data[i].text = json_data[i].NAME; 
      json_data[i].value = json_data[i].VALUE; 
      oHandler2.add(json_data[i]);//adding 
     } 
     oHandler2.showRows(json_data.length); 
    }); 

내 HTML 부분입니다,

 <span class="field_outer"> 
     <label>Main Category</label> 
     <div class="filter"> 
      <select id="main_category" name="main_category" class="ddTitle select" onchange=""> 
       <option value="0" selected>Select a main category</option> 
       <option value="1">category1</option> 
       <option value="2">category2</option> 
      </select> 
     </div> 
     </span><!-- /.field_outer --> 
     <span class="field_outer"> 
     <label>Sub Category</label> 
     <div class="filter"> 
      <select id="sub_category" name="sub_category" class="select" onchange=""> 
       <option value="0" selected>Select a sub category</option> 
      </select> 
     </div> 
     </span> 

도와주세요; 미리 감사드립니다 :-)

Answer 1

파괴 - 원본 dorpdown을 복원하십시오.

var oDropdown = $("#element").msDropdown().data("dd"); 
oDropdown.destroy() 

새로 고침 - 원본 드롭 다운을 기준으로 msdropdown UI 및 값을 새로 고칩니다. 자세한 내용은

var oDropdown = $("#element").msDropdown().data("dd"); 
oDropdown.refresh(); //or 
document.getElmentById("element").refresh(); 

확인 -

http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/index.html