使用jquery在选择框中动态添加选项组和选项

Question

从 ajax 数据动态添加选项和选项组。

<select name="catsndogs">
   <optgroup label="Cats">
        <option>Tiger</option>
        <option>Leopard</option>
        <option>Lynx</option>
    </optgroup>
</select>

从 ajax 数据我有这个数组列表

{
  Regular: [
    "S",
    "XS",
    "M"
  ],
  Small: [
    "em"
  ]
}

我需要添加“常规”、“小”作为标题，但在“常规”下我想要尺寸列表，在“小”下列出它们的尺寸，就像这里http://jsfiddle.net/sushilbharwani/Xp8YK/

但是需要动态地完成这个……谁能帮我解决这个问题？

Answer 1

假设 json1 是你从 ajax 返回的JSON ，它可以像这样完成

 $(document).ready(function () { var $cont = $('select'); var json1 = {"Regular": ["S", "XS", "M"],"Small": ["em"]}; for(var i=0;i<Object.keys(json1).length;i++){ var a = '<optGroup label = '+Object.keys(json1)[i]+'>'; for(var j=0;j<json1[Object.keys(json1)[i]].length;j++){ a = a+'<option>' + json1[Object.keys(json1)[i]][j] +'</option>' } $(a).appendTo($cont) } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script> <body> <select> </select> </body>

使用jquery在选择框中动态添加选项组和选项

问题描述

1 个解决方案

解决方案1
0 2017-10-13 12:02:44

使用jquery在选择框中动态添加选项组和选项

问题描述

1 个解决方案

解决方案1 0 2017-10-13 12:02:44

解决方案1
0 2017-10-13 12:02:44