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

destroy - 恢复原始下拉列表。

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

刷新 - 根据原始下拉列表刷新下拉菜单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

msdropdown - 根据第一个加载第二个下拉列表

1 个答案: