CODEWITHSUNDEEP
javascript
Ugy Astro
Ugy Astro

Reputation: 417

Post data to 2 dimensional array javascript

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..

Upvotes: 3

Views: 319

Answers (3)

wonderbell
wonderbell

Reputation: 1126

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.

Upvotes: 1

Qingfeng
Qingfeng

Reputation: 720

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

Upvotes: 0

Vivek Gupta
Vivek Gupta

Reputation: 1055

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

Upvotes: 0

Related Questions