Wie man ein JSON mit js so baut?

Question

Ich versuche, ein JSON wie dieses zu erstellen und es Server per Formpost zu senden. Alle diese JSON-Werte stammen aus ausgewählten Optionen in der Benutzeroberfläche.

{ 
    "pages":[ 
     { 
     "id":"messages", 
     "name":"yourinbox", 
     "value":"ACTIVE" 
     }, 
     { 
     "id":"emails", 
     "name":"newmail", 
     "value":"INACTIVE" 
     } 
    ] 
} 

Ich habe mit unten Code versucht, aber ich bin nicht in der Lage, das richtige Format zu bekommen. Irgendwelche Hilfe? Vielen Dank!

var self = this; 
var request = new HttpRequest(); 
this.form$ = $(selector); 
self.form$.find('.loader').hide(); 

this.onSubmit = function(e){ 
hideSubmit(); 
e.preventDefault(); 
e.stopPropagation(); 
var parsedata = {}; 
var data = {}; 
var selectedOptions = self.form$.find('select'); 
for (var i = 0, ii = selectedOptions.length; i < ii; ++i) { 
var input = selectedOptions[i]; 
data["name"] = input.id; 
data["value"] = input.value; 
parsedata.push(data); } }; 

Answer 1

Dies ist der grobe Ansatz; Fühlen Sie sich frei zu improvisieren.

let object = {"pages" : []}; 
 

 
let options = document.getElementsByTagName("option"); 
 

 
for(i=0;i<options.length; i++) { 
 
    object["pages"][i] = {} 
 
    object["pages"][i]["id"] = options[i].getAttribute('id'); 
 
    object["pages"][i]["value"] = options[i].getAttribute('value'); 
 
    let activeStatus = options[i].getAttribute('selected'); 
 
    if(activeStatus == "true") object["pages"][i]["activeStatus"] = activeStatus; 
 
    else object["pages"][i]["activeStatus"] = false; 
 
} 
 

 
console.log(object)

<select> 
 
<option id="1" value="One" selected=true>One</option> 
 
<option id="2" value="Two">Two</option> 
 
<option id="3" value="Three">Three</option> 
 
<option id="4" value="Four">Four</option> 
 
</select>