Post data to 2 dimensional array javascript

Question

I have source, like this :

<label>Name:</label>
<input type="text" name="text1"/>
<label>Weight:</label>
<input type="text" name="text2"/>
<button onclick="myfunction">Add</button>

<p id="demo"></p>

<script>
var array = new Array();

function myFunction() {
    var text1 = document.getElementById("text1").value;
    var text2 = document.getElementById("text2").value;

    if(text1 == "" || text2 == ""){
        alert("Empty!!");
    }else{
        array = {'data' : [{"Text1" : text1, "Text2" : text2}]}
    }
}
</script>

My question is, how do i post value each of text to 2 dimensional array in java script? technically, we can post value to 2D array again and again, so the array will looks like:

var data = {{text1,text2},....,{text-n,text-n+1}}

Then figure it out in table based on 2D array. I have tried, but still not work. I'm not proficient with javascript. Really need help..

wonderbell · Accepted Answer · 2015-03-27 11:52:33Z

1

You can push a new element to your array every time the button is clicked. The use this array.

var array = [];

function change() {
    var text1 = document.getElementById("text1").value;
    var text2 = document.getElementById("text2").value;

    if (text1 == "" || text2 == "") {
        alert("Empty!!");
        return;
    }

    array.push({
        'data': {
            "Text1": text1,
            "Text2": text2
        }
    });

    console.log(array);
}

Also, you are trying to get element by Id but no Id is assigned to input elements. I corrected that in the this Fiddle. This is working, take a look.

answered Mar 27, 2015 at 11:52

wonderbell

1,1249 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vivek Gupta · Accepted Answer · 2015-03-27 06:59:20Z

0

You need to use Jquery for this

  var array = {
    'x': { a: 'aaa', c: 'xxx' },
    'y': { b: 'bbb', d: 'yyy' }
   };

Use Jquery here

  $.post( '/herp.php', array, function(d) {
     // process response here
  });

answered Mar 27, 2015 at 6:59

Vivek Gupta

1,0455 silver badges7 bronze badges

4 Comments

Ugy Astro Over a year ago

Vivek Gupta, Thanks for reply, your answer looks like using JSON?. Next question is, how if we want to add more text dinamically and implementing your example especially about array to case like me?

Ugy Astro Over a year ago

hei @Vivek Gupta, my name is Ugy not ugly :). But thanks for your reply. Btw, I was edit my question and my code. please look once again. is this the right way to dynamically add objects?

Vivek Gupta Over a year ago

Sorry Ugy my mistake, I deleted that comment

Vivek Gupta Over a year ago

It should be array = {'data' : {'Text1' : text1, 'Text2' : text2}}

Qingfeng · Accepted Answer · 2015-03-27 08:54:41Z

0

Put your input in a form, then use serializeArray in jquery.

answered Mar 27, 2015 at 8:54

Qingfeng

7304 silver badges19 bronze badges

Collectives™ on Stack Overflow

Post data to 2 dimensional array javascript

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related