Search jQuery

jQuery Forum

How To Select a Specific Option Based on a Condition

in Using jQuery • 4 years ago

I have a table with many rows. Each row contains a select drop down with only 2 options, "Active" and "Deactivated". I wish to offer the user an alert message based on which option they select. The code I have can not distinguish one select from another select. And so returns "true" no matter which option I have selected. I have spent days hunting through SO and nothing works.

Here is the HTML Snippet:

<td class="category_select"><select class="edit_cat" name="category_value[]"><option value="active" selected="selected">Active</option><option value="deactivated">Deactivated</option></select></td>

Here is the Jquery I have, which does not distinguish between the two options.

$(".category_select").on("click",".edit_cat", function() {
if($(".category_select").has('option:contains(Deactived)'))
{ console.log('true'); }
else{console.log('false')}
});

Replies(8)

jakecigar

Re: How To Select a Specific Option Based on a Condition

4 years ago

See https://jsfiddle.net/jakecigar/3at8xfu5/ <--

JΛ̊KE

vincej1

Re: How To Select a Specific Option Based on a Condition

4 years ago

Many Thanks for helping out ! I could not get response to deliver a true / false or an active / deactivated response. However, I think I might have worked things out with this:

$(function() {
    $(".category_select").change(function() {
    if(( $('option:selected', this).text() =='Active' )){
         console.log('Active')
        }else{console.log('Deactivated')}
    });
});

jakecigar

Re: Re: How To Select a Specific Option Based on a Condition

4 years ago

Did my demo not work for you? It logs true/false.

This is some nasty old-school code!

if(( $('option:selected', this).text() =='Active' ))

It’s considered bad form to use the text because it could have been translated by chrome or other.

JΛ̊KE

vincej1

Re: How To Select a Specific Option Based on a Condition

4 years ago

Good point. I had not thought of that factor. Important as my site will be translated.

As for your code working, I was being stupid, yes, I can now see how it works. It delivers true / false on a change of option. I had stupidly expected it to return true false by selecting what the existing option was. This is not a requirement. It works great ! So now I just have to add my different alerts into it for active and deactivated. Many thanks !

jakecigar

Re: How To Select a Specific Option Based on a Condition

4 years ago

That’s one of the many "problems" with select. A non-change doesn’t send any events. I would probably use a checkbox or 2 radios with some cool CSS instead of a select with 2 options.

JΛ̊KE

vincej1

Re: How To Select a Specific Option Based on a Condition

4 years ago

Heah Jake, I have a different problem now. Everything works great. I can make as many selections as I want and echo those out to the console.log and it functions faultlessly. However, when I add my Bootstrap alert messages into the code, it will only work once, and that is it. Any ideas ?


$(".category_select").on("change",".edit_cat", function() {
    var deactivated=$(this).val()==="active"
    if(deactivated == true){
        $(".category_alert").html(' Message One ').addClass("alert alert-info alert-dismissible")      }

        else{$(".category_alert").html('Message Two ').addClass("alert alert-danger alert-dismissible");

```
    }

})
```

vincej1

Re: How To Select a Specific Option Based on a Condition

4 years ago

Actually when I removed I could select as many times as I wanted. However, the only fault I now have is the Boostrap colour does not change with the change of the alert type. :

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

vincej1

Re: How To Select a Specific Option Based on a Condition

4 years ago

Ok probelm solved ! I forgot about "removeclass()". Sorry to trouble you

You are a rock start thank you very much !!

Top Reply

Response title

Attachments

jQuery Forum

How To Select a Specific Option Based on a Condition

Replies(8)

Re: How To Select a Specific Option Based on a Condition

Re: How To Select a Specific Option Based on a Condition

Re: Re: How To Select a Specific Option Based on a Condition

Re: How To Select a Specific Option Based on a Condition

Re: How To Select a Specific Option Based on a Condition

Re: How To Select a Specific Option Based on a Condition

Re: How To Select a Specific Option Based on a Condition

Re: How To Select a Specific Option Based on a Condition

Statistics

Tags

Actions

Related Posts