JQuery Dropdown Value

Question

I have a dropdown that has a list of items, the first item has a value of 0, the other items a value greater than 0.

The following code is attached to the change event:

<script type="text/javascript">
    $("#SearchRegionId").change(function (e) {
        var select = $("#SearchKommuneId");
        select.empty();
        if ($("#SearchRegionId").val() != 0);
        {
            $.ajax({
                url: '/Kommune/getKommunerIRegion/',
                type: 'POST',
                data: { RegionId: $("#SearchRegionId").val() },
                dataType: 'json',
                success: function (data) {
                    for (i in data) {
                        select.append($('<option value="' + data[i].KommuneId + '">' + data[i].KommuneNavn + '</option>'));
                    }
                }
            });
        }
    });
</script>

My problem is that when I test to see if $("#SearchRegionId").val() != 0 it always comes out true even if the selected value is 0. I have showed the value in an alert box that shows the value 0, but something tells me that it is not really 0.

select.empty(); why that?

Roko C. Buljan
– Roko C. Buljan

2013-04-08 07:21:33 +00:00
Commented Apr 8, 2013 at 7:21 — Roko C. Buljan
– Roko C. Buljan, Commented Apr 8, 2013 at 7:21

Arun P Johny · Accepted Answer · 2013-04-08 07:28:35Z

1

You have a ; at the end of if

if ($("#SearchRegionId").val() != 0)

The ; at the end of ; means that the if condition is ended there and the code block after that will get executed irrespective of the value of the condition.

<script type="text/javascript">
    $("#SearchRegionId").change(function (e) {
        var select = $("#SearchKommuneId");
        select.empty();
        if ($("#SearchRegionId").val() != 0)
        {
            $.ajax({
                url: '/Kommune/getKommunerIRegion/',
                type: 'POST',
                data: { RegionId: $("#SearchRegionId").val() },
                dataType: 'json',
                success: function (data) {
                    for (i in data) {
                        select.append($('<option value="' + data[i].KommuneId + '">' + data[i].KommuneNavn + '</option>'));
                    }
                }
            });
        }
    });
</script>

Demo: Problem
Demo: Solution

answered Apr 8, 2013 at 7:28

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

ThomasE Over a year ago

Arun P Johny, Ooooh my ...., great thanks for your answer. I need a trip in the sun and wind I think :-D

Community · Accepted Answer · 2017-05-23 12:03:20Z

0

Why you write

select.empty();

after you assign the value, then you check it.....

It makes the

var select;

become empty, isn't it? That's what I think, same as roXon

edited May 23, 2017 at 12:03

CommunityBot

11 silver badge

answered Apr 8, 2013 at 7:27

me123chan

431 gold badge2 silver badges11 bronze badges

1 Comment

ThomasE Over a year ago

Please note that I have two dropdowns in a drilldown scenario: One dropdown is for municipalities: var select = $("#SearchKommuneId"); select.empty(); One is for Regions, this is the dropdown that fires the change event: if ($("#SearchRegionId").val() != '0');

Collectives™ on Stack Overflow

JQuery Dropdown Value

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related