Cant post from input form into javascript array?

Question

Hi i'm having a problem with posting from the input "searchtag" into "hash:'searchTag'" inside the javascript array. Please help me out! I'm very new to Javascript.

<form action="" method="post">
<input type="text" name="searchTag" placeholder="Search">
<input class="submit" name="Search" type="submit">

<div class="instagram"></div>
    <script type="text/javascript">

        $(".instagram").instagram({
            hash:'searchTag',
            clientId: 'My-clientId',
            image_size:'tumbnail'
        });

    </script>

look at onchange event, them get the value of the input and you will have the trick ;) — Jorge Y. C. Rodriguez
– Jorge Y. C. Rodriguez, Commented Mar 5, 2014 at 8:49
use $(document).ready(function() { //code here javascript });... — user2727841
– user2727841, Commented Mar 5, 2014 at 9:21

Dwza · Accepted Answer · 2014-03-05 09:29:42Z

2

You need to collect the value from searchTag, which I assume you'll want to do when clicking the search button. For example:

$(document).ready(function() {

    $('#SearchButton').click(function () {
        var searchTag = $('#SearchTagInput').val();

        $(".instagram").instagram({
            hash: searchTag,
            clientId: 'My-clientId',
            image_size:'tumbnail'
        });
    });
});

The above example requires that you add the corresponding ids, SearchButton and SearchTagInput, to the input fields.

See this fiddle for an example.

edited Mar 5, 2014 at 9:29

Dwza

6,5657 gold badges45 silver badges79 bronze badges

answered Mar 5, 2014 at 9:01

flitig

5312 silver badges12 bronze badges

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

2 Comments

user3014040 Over a year ago

It worked but now if i want to search for a new tag i have to reload the site so i can search agian otherwise it wont update

Dwza Over a year ago

try to empty the collection first

Collectives™ on Stack Overflow

Cant post from input form into javascript array?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related