Как добавить ajax данных ответа, используя вложенную l oop?

Question

Как добавить данные в выпадающий список, используя jquery. Я использую ajax метод для получения данных из базы данных, я хочу добавить данные service_types в раскрывающийся список, как вы можете видеть в данных ответа на прикрепленном скриншоте, но не могу получить соответствующий результат.

внешний интерфейс

код

$('#tbl-body').append('<tr>\n' +
                                  '                  <td>\n' +
                                  '                  <select name="Type" id="Type" class="form-control">'+"+$.each(val.option_service_id, function (val.option_service_id, vl){vl.name}+"+
                                  '                  </select>\n' +
                                  '                  </td>\n' +
                                  '                  <td>\n' +
                                  '                  <input type="text" id="protocol" name="protocol" value="'+val.input_protocol+'" class="form-control" placeholder="eg. TCP">'+
                                  '                      </td>\n' +
                                  '                      <td>\n' +
                                  '                      <input type="text" name="port_range" id="port_range" value="'+val.input_port_range+'" class="form-control" placeholder="portrange">'+
                                  '                      </td>\n' +
                                  '                      <td>\n' +
                                  '                      <div class="form-row">\n' +
                                  '                      <div class="form-group col-md-6">\n' +
                                  '                      <select name="state" id="state" class="form-control">' +val.option_source+
                                  '                      <option value="">Select state</option>\n' +
                                  '                  </select>\n' +
                                  '                  </div>\n' +
                                  '                  <div class="form-group col-md-4">\n' +
                                  '                      <input type="text" id="port" name="port" class="form-control" placeholder="0.0.0.0" >\n' +
                                  '                      </div>\n' +
                                  '                      </div>\n' +
                                  '                      </td>\n' +
                                  '                      <td>\n' +
                                  '                      <input type="text" name="rule_name" id="rule_name" value="'+val.input_rule_name+'" class="form-control" placeholder="e.g SSH for admin desktop">\n' +
                                  '                      </td>\n' +
                                  '                      <td><a class="nav-link" href="#" class="row_1"><i class="fa fa-times fa-lg"></i></a></td>\n' +
                                  '                  </tr>');
                          });

данные ответа