Javascript form/textbox/alert

Question

It's my first day working with JavaScript, and I need help on a simple demo. I need to take the value from class="populateValue", and make it fill in the text box and alert when the button is clicked.

Right now it is returning '[object Object]' in both text box and alert.

My code is:

<section>
    <form>
        <input type="text" id="demoText" />
        <button class="populateValue" value="1234">Populate Value</button>
    </form>
</section>

<script>
    $(document).ready(function () {
        $('.populateValue').on('click', function (event) {
            event.preventDefault();
            $('#demoText').val($('.populateValue'))
            alert($('#demoText').val());
        });
    });
</script>

Any advice?

One of the features on jQuery is that many (if not most) of its functions have one version that sets, and with one fewer argument, it gets. — Paul Tomblin
– Paul Tomblin, Commented Oct 16, 2012 at 15:35

Riz · Accepted Answer · 2012-10-16 15:33:51Z

7

change this line:

$('#demoText').val($('.populateValue').val());

answered Oct 16, 2012 at 15:33

Riz

10.3k8 gold badges43 silver badges54 bronze badges

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

4 Comments

Anthony Over a year ago

perfect! Care to explain why you need to add the additional .val?

gen_Eric Over a year ago

@user1678151: $('.populateValue') is a jQuery object containing the element, $('.populateValue').val() is a string containing its value. '[object Object]' is what happens when you try to read an object as a string.

Riz Over a year ago

see comment by @RocketHazmat.

st3inn Over a year ago

$("#demotext").val(this.value) is even more concise. this refers to the object that was clicked, ie the button.

Collectives™ on Stack Overflow

Javascript form/textbox/alert

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related