Jak stworzyć pętlę JSON przez JavaScript?

Mam tablicę wybranych tagów.

<select id='uniqueID' name="status">
      <option value="1">Present</option>
      <option value="2">Absent</option>
 </select>

i chcę utworzyć obiekt json mający dwa pola „uniqueIDofSelect i optionValue” w JavaScript.

Używam getElementsByName („status”) i wykonuję iterację.

EDYTOWAĆ

Muszę wyjść jak

[{"selectID":2,"OptionValue":"2"},
{"selectID":4,"optionvalue":"1"}]

i tak dalej...

Z tego, co rozumiem z Twojej prośby, powinno to zadziałać:

<script>
//  var status  = document.getElementsByID("uniqueID"); // this works too
var status  = document.getElementsByName("status")[0];
var jsonArr = [];

for (var i = 0; i < status.options.length; i++) {
    jsonArr.push({
        id: status.options[i].text,
        optionValue: status.options[i].value
    });
}
</script>

var sels = //Here is your array of SELECTs
var json = { };

for(var i = 0, l = sels.length; i < l; i++) {
  json[sels[i].id] = sels[i].value;
}

Jeśli potrzebujesz jednego obiektu JavaScript, takiego jak następujący:

{ uniqueIDofSelect: "uniqueID", optionValue: "2" }

(gdzie opcja 2, „Brak”, to aktualny wybór), to powinien ją wygenerować następujący kod:

  var jsObj = null;
  var status = document.getElementsByName("status")[0];
  for (i = 0, i < status.options.length, ++i) {
     if (options[i].selected ) {
        jsObj = { uniqueIDofSelect: status.id, optionValue: options[i].value };
        break;
     }
  }

Jeśli chcesz mieć tablicę wszystkich takich obiektów (nie tylko zaznaczonego), użyj kodu Michaela, ale zamień status.options[i].textna status.id.

Jeśli chcesz ciąg znaków zawierający reprezentację JSON wybranego obiektu, użyj tego zamiast tego:

  var jsonStr = "";
  var status = document.getElementsByName("status")[0];
  for (i = 0, i < status.options.length, ++i) {
     if (options[i].selected ) {
        jsonStr = '{ '
                  + '"uniqueIDofSelect" : '
                  + '"' + status.id + '"'
                  + ", "
                  + '"optionValue" : '
                  + '"'+ options[i].value + '"'
                  + ' }';
        break;
     }
  }

Jeśli chcę utworzyć obiekt JavaScript z ciągu wygenerowanego przez pętlę for, chciałbym podejście JSON do Object. Wygenerowałbym ciąg JSON przez iterację pętli for, a następnie użyłbym dowolnego popularnego środowiska JavaScript do oceny JSON do obiektu.

Użyłem Prototype JavaScript Framework . Mam dwie tablice z kluczami i wartościami. Iteruję przez pętlę for i generuję prawidłowy ciąg JSON. Używam funkcji evalJSON () do konwersji łańcucha JSON na obiekt JavaScript.

Oto przykładowy kod. Wypróbuj na konsoli FireBug

var key = ["color", "size", "fabric"];
var value = ["Black", "XL", "Cotton"];

var json = "{ ";
for(var i = 0; i < key.length; i++) {
    (i + 1) == key.length ? json += "\"" + key[i] + "\" : \"" + value[i] + "\"" : json += "\"" + key[i] + "\" : \"" + value[i] + "\",";
}
json += " }";
var obj = json.evalJSON(true);
console.log(obj);

Twoje pytanie jest dość trudne do rozszyfrowania, ale spróbuję go zadać.

Mówisz:

Chcę utworzyć obiekt json mający dwa pola uniqueIDofSelecti optionValuejavascript.

A potem mówisz:

Potrzebuję wyjścia jak

[{"selectID":2,"optionValue":"2"},
{"selectID":4,"optionvalue":"1"}]

Cóż, to przykładowe wyjście nie ma pola o nazwie uniqueIDofSelect, ma tylko optionValue.

W każdym razie pytasz o tablicę obiektów ...

Następnie w komentarzu do Michaelsa odpowiadasz:

Tworzy tablicę obiektów JSON. ale potrzebuję tylko jednego obiektu json.

Więc nie chcesz tablicy obiektów?

Czego więc chcesz?

Proszę, zdecyduj się.