javascript - 如何将 JSON 对象存储为 select 标签中的选项值？

Question

我正在尝试使用下面的代码将 JSON 对象附加到选择标记以供将来引用

          $.each(actualData, function (key, value) {

                                      var valueToAppend = [];
                                      var vehicleId = value._id['$oid'];
                                      var availableSeats = value.NumberOfSeats;

                                      var item = {};
                                          item["VehicleId"] = vehicleId;
                                          item["AvailableSeats"] = availableSeats;

                                          valueToAppend.push(item);
       $('#vehicle_'+guid).append($('<option>', {value: '' + valueToAppend + '', text: '' + value.VehicleNumber + ''}));
                });

它在浏览器中附加值，例如“value =“[object Object]”。

我希望它应该像{VehicleId:“36ae8c855677879c88”，AvailableSeats:“60”}一样附加。我希望它应该存储 ID 和座位数。请帮忙!!!

Answer 1

您可以将对象存储为 HTML 元素的值。所以你必须将 json 字符串存储为值

 $('#vehicle_'+guid).append($('<option>', {value: '{VehicleId:' + valueToAppend.item.VehicleId+',AvailableSeats:'+valueToAppend.item.AvailableSeats+ '}', text:value.VehicleNumber}));