Javascript 迭代多选下拉菜单并将数据推送到 JSON object

Question

I'm trying to work with this javascript code which gets HTML elements by their name and iterate over the array of them and pushing each into a JSON object. When I run this and print on the console (console.log()) the values array gets populated correctly but the data pushed into JSON is a repetition of one element. What I mean is it looks like this; What am I doing wrong?

4: {key: "Cars1", value: "march"}
5: {key: "Cars1", value: "march"}



else if (this.name == "cars") {
    var values = $("#carsID").val();
    $.each(values, function (index, value) {
    jsonData["key"] = "Cars";
    jsonData["value"] = value;
    postData.RowInfo.push(jsonData);
});

Answer 1

The problem was that jsonData is declared outside this code block and doesn't get created for each element in the values array.

The corrected code;

else if (this.name == "cars") {
  var values = $("#carsID").val();
  $.each(values, function (index, value) {
  var jsonDataEach = {};
  jsonDataEach["key"] = "Cars";
  jsonDataEach["value"] = value;
                                            
  postData.RowInfo.push(jsonDataEach);                                          
});