Problem with button click event in jquery

Question

I am using jQuery on button click to show div but don't know why its not working...

HTML:

<input type="button" id="addmoresg" value="Add More" name="button">
<div id="addsg" style="display:none">
    <!-- more HTML here -->
</div>

JavaScript:

$(document).ready(function() {
    $('.addmoresg').click(function() {
        $('.addsg').show("slow");
    });
});

jsFiddle demo: http://jsfiddle.net/XGVp3/

I am not getting any result on button click.

Felix Kling · Accepted Answer · 2011-09-02 05:00:46Z

8

2 problems:

You did not select jQuery as library in your demo.
You use class selectors ^[docs] (.addmoresg) instead of id selectors ^[docs] (#addmoresg). Your elements only have ids, not classes:
```
<input type="button" id="addmoresg" value="Add More" name="button"> 
```
$('.addmoresg) would select elements with class="addmoresg", e.g.
```
<input type="button" class="addmoresg" value="Add More" name="button"> 
```

Working demo

jQuery has a great documentation and a list of all possible selectors, with examples.

edited Sep 2, 2011 at 5:00

answered Sep 2, 2011 at 4:54

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

1 Comment

Rahul Singh Over a year ago

I knew about that both the we should have selector. and for id we use # and for class we use dot. but same was not working in morning... Still also I have just remove comments in my previous code and its working..

Indranil · Accepted Answer · 2011-12-19 19:05:42Z

0

just change your code as:

$(document).ready(function() {
    $('#addmoresg').click(function() {
        $('#addsg').show("slow");
    });
});

Basically, you were targeting the class adddsg (done by a .class). Since the div has and ID of adddsg, you need to target using #ID

Hope that helps.

edited Dec 19, 2011 at 19:05

Indranil

2,4611 gold badge24 silver badges32 bronze badges

answered Sep 2, 2011 at 5:05

mliya

211 silver badge3 bronze badges

Collectives™ on Stack Overflow

Problem with button click event in jquery

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related