jquery - 在 onselect 事件上使用 select 标签和 ajax 动态下拉

Question

我正在开发一个网络应用程序。我有一个类别的下拉列表。在 select 事件中，该类别被发送到服务器，并以属于该类别的子类别的 JSON 格式获取数据。根据这一点，我创建了动态下拉选择列表。但问题是，当我在下拉列表1中选择类别时，属于该类别的所有子类别都会进入下拉列表的单行（单个选项标签）

我的成功下拉ajax代码

 success: function(data)
        {
            console.log(data);
            $.each(data,function(index, store)  {
                console.log(store);
            $.each(store, function(key,value){
                     if(key === "subcatname"){
                       options.append($("<option  />").val(value).text(value));
                        };
                   });
              });     
      },

我得到像这样的输出

它应该像

Select Subcategory

TO Increase RAM

To change Moniter

To change mouse

像一个低于另一个。

我的 HTML 代码是

 <select id="dynamic_select_delete" style="height: 30px;">
                <option id="options">Select Subcategory </option>
            </select>

我在ajax中缺少什么？谢谢

Answer 1

根据您在评论中提供的信息，这应该是正确的方法

options.parent().append($("<option  />").val(value).text(value));

或者

$("<option  />").val(value).text(value).insertAfter(options);

现在你正在附加到option(child of select) 但你应该附加到select元素，它的父元素。