Jquery seems not to update

Question

I have a Customer code = 3368. I made a function jquery that takes the code from Dropdown, which may be 1 or 3368 (only has two records there in the dropdown). It turns out that when I have in dropdown 1 the Customer is 3368 and if I change the dropdown to 3368 then the Customer goes to 1. This is the jquery I started to mount

$('#btnSalvar').click(function () {
        var dropdown = $('#faturarPara').val();
        var customerId = @Model.CustomerId;
        alert('Drop2 é: ' + dropdown + ' e customer é: ' + customerId);
    });

What intrigues me about all this is if I run another jquery in the dropdown change call, then it works 1 and 3368 and then 3368 and 3368. But then it doesn’t happen anymore. That’s the change

$(document).ready(function () {
        $('#faturarPara').change(function () {
            var idFaturarDrop = $(this).val();
            var customerId = @Model.CustomerId;

            alert('Customer é: ' + customerId + ' customer options = ' + idFaturarDrop);
        });
    });

I honestly don’t understand. The correct thing would be: In the dropdown I change (de->to) Resale->Final Client(3368 and 3368). From Final Client->Resale(3368 and 1)

This is the Dropdown

@Html.DropDownListFor(m => m.CustomerId, new SelectList(Model.Options, "CustomerId", "Description", Model.CustomerId), new { @id= "faturarPara" })

Answer 1

Hello, so I think the problem here should be the Onchange Vent that is triggered when you load your dropdown because it considers switching from empty to something and recovers that value, if you have a dropdown think about using the .select() that and if value is the value you want to recover, you can also use

$( "#iddoteuselect option:selected" ).text()

to retrieve text from your options

EDIT

 var customerId = $(this).find('option:selected').attr('CustomerId')

I hope I’ve helped