Disable link on change jquery

Question

What I'm trying to do is disable the link. How to disable link if dropdown select value was change?

If I select add in dropdown, edit and remove link should be disable. Help?

<select id="">
<option value="add" selected="selected">Add</option>
<option value="edit">Edit</option>
<option value="delete">Delete</option>
</select>

  <a class="button add" style="cursor:pointer;"><span><b>Add Purchase Request</b></span></a>
  <a class="button edit" style="cursor:pointer;"><span><b>Edit Purchase Request</b></span></a>
  <a class="button remove" style="cursor:pointer;" name="remove"><span><b>Remove Purchase Request</b></span></a>

you can't disable an anchor element, do you have click handlers for these links — Arun P Johny, Mar 18 '14 at 03:44
Why not hide the anchors other than the one that matches the select? — Barmar, Mar 18 '14 at 03:47
you can either hide them... or add a class like disabled to them.. and on their click handler if it is disabled don't do anything — Arun P Johny, Mar 18 '14 at 03:52
See also: http://stackoverflow.com/questions/10276133/how-to-disable-html-links for a discussion of several additional options. — Jason Aller, Mar 18 '14 at 04:16

Roshna · Answer 1 · 2014-03-18T04:08:51.810

2

Try this,

$('select').change(function () {
    var va = $(this).val();
    if(va=='add'){
      $('.remove').attr('disabled', 'disabled');
    }
    else{
        $('.remove').removeAttr('disabled');
    }
});

edited Mar 18 '14 at 04:08

answered Mar 18 '14 at 04:07

Roshna

206
2
10

score 0 · Answer 2 · answered Mar 18 '14 at 03:59

0

You can hide your anchors based on the selected option instead:

$('select').change(function () {
    var index = $(this).find('option:selected').index();
    $('a.button').eq(index).show().siblings('a').hide();
}).change();

Fiddle Demo

answered Mar 18 '14 at 03:59

Felix

37,892
8
43
55

my other link also hide – user3318208 Mar 18 '14 at 05:11

Disable link on change jquery

2 Answers2