Comment créer json par JavaScript for loop?

J'ai un tableau de balises sélectionnées.

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

et je veux créer un objet json ayant deux champs «uniqueIDofSelect et optionValue» en JavaScript.

J'utilise getElementsByName ("status") et j'y itère.

ÉDITER

J'ai besoin de sortir comme

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

etc...

D'après ce que je comprends de votre demande, cela devrait fonctionner:

<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;
}

Si vous voulez un seul objet JavaScript tel que le suivant:

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

(où l'option 2, "Absent", est la sélection actuelle), le code suivant devrait la produire:

  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;
     }
  }

Si vous voulez un tableau de tous ces objets (pas seulement celui sélectionné), utilisez le code de Michael mais remplacez-le status.options[i].textpar status.id.

Si vous voulez une chaîne qui contient une représentation JSON de l'objet sélectionné, utilisez plutôt ceci:

  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;
     }
  }

Si je veux créer un objet JavaScript à partir d'une chaîne générée par une boucle for, j'utiliserais une approche JSON vers objet. Je générerais une chaîne JSON en itérant pour la boucle, puis j'utiliserais n'importe quel framework JavaScript populaire pour évaluer JSON en objet.

J'ai utilisé Prototype JavaScript Framework . J'ai deux tableaux avec des clés et des valeurs. Je parcours la boucle for et génère une chaîne JSON valide. J'utilise la fonction evalJSON () pour convertir une chaîne JSON en objet JavaScript.

Voici un exemple de code. Essayez sur votre console 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);

Votre question est assez difficile à décoder, mais je vais essayer d'y répondre.

Vous dites:

Je veux créer un objet json ayant deux champs uniqueIDofSelectet optionValueen javascript.

Et puis vous dites:

J'ai besoin d'une sortie comme

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

Eh bien, cet exemple de sortie n'a pas le champ nommé uniqueIDofSelect, il l'a seulement optionValue.

Quoi qu'il en soit, vous demandez un tableau d'objets ...

Ensuite, dans le commentaire à Michael, vous dites:

Il crée un tableau d'objets json. mais j'ai besoin d'un seul objet json.

Vous ne voulez donc pas un tableau d'objets?

Que voulez-vous alors?

Veuillez vous décider.