jquery click select and enable/disable input button

Question

I have several forms with select/input buttons on one page. I want to click on a select form, get the id of it, and toggle disable on a button with the same name except its a class not an id.

my code so far:

$("#main").on("click",".list", function () {
        var j = $(this).attr("id");
        if(j) {alert(j);}
        $("."+j).attr('disabled','disabled');
    });

I cannot seem to reference anything with "."+j any ideas?

<h2>Towns / Suburbs</h2>
        <form method="POST" action="">

        <select class="list" name="data_change" id="towns" size=10>
            <option>foo</option><option>bar</option>
        </select>

        <div class="buttonGroup">
<input type="submit" class="button" name="Delete" value="Delete">
<input type="submit" class="button" name="Add" value="Add">
<input type="submit" class="button" name="Edit" value="Edit" class="towns">
</div>
        </form>

it alerts fine, I get 'towns', but then with '.'+j i get nothing.. :( — Chud37
– Chud37, Commented Jul 4, 2012 at 14:05

Jashwant · Accepted Answer · 2012-07-04 14:08:12Z

3

You cannot have two class attribues, If you have more than one class, separate them with space.

<input type="submit" class="button towns" name="Edit" value="Edit" />

answered Jul 4, 2012 at 14:08

Jashwant

29.2k16 gold badges76 silver badges110 bronze badges

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

Collectives™ on Stack Overflow

jquery click select and enable/disable input button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related