push to array with JS and jQuery

Question

Could you tell me how to add the text from text field to the array so it is displayed at the top of text field? Thanks

<div id="test">
    <p id="items"></p>
    <input type="text" id="color" />
    <input type="button" id="add" value="Add" />
</div>
<script>
    var theArray = new Array("Red", "Green", "Blue");
    var target = $("#items");
    for (var i = 0; i < theArray.length; i++) {
        target.append("<p>" + theArray[i] + "</p>");
    }
    $("#add").click(function () {});
</script>

Satpal · Accepted Answer · 2014-02-12 21:23:34Z

2

Use

$("#add").click(function () {
    var color = $("#color").val()
    theArray.push(color);
    target.prepend("<p>" + color + "</p>");
});

DEMO

answered Feb 12, 2014 at 21:23

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

3 Comments

Karl-André Gagnon Over a year ago

Since he want it on the top, use .prepend().

user2976554 Over a year ago

Thanks i will probably post more silly questions like it soon.

Satpal Over a year ago

@user2976554, If you are putting effort we are ready to help.

Collectives™ on Stack Overflow

push to array with JS and jQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related