msdropdown -基于第一个加载第二个下拉列表

msdropdown - Load second dropdown based on first

本文关键字：加载 第二个 下拉列表 第一个 msdropdown      更新时间：2023-09-26

我已经尝试了下面的代码加载第二个下拉基于第一个下拉，它工作得很好。但是当我第二次选择第一个下拉列表时，第二个下拉列表没有清除它的内容。它是附加值。

第二个下拉选项的值应该是"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>

请帮;提前感谢:-)

destroy -恢复原来的下拉菜单

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

refresh -基于原始下拉菜单刷新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

相关文章：