Compare C# string with jquery in mvc

Question

I have this mvc razor code where on click of button I am populating a dropdown ClinicIDSelect. Here I am comparing the selected value of another dropdown InvoiceSelect and data from Model and populating the ClinicIDSelect dropdown with filtered value.

<select class="form-control" id="ClinicIDSelect">
  @foreach (DataRow r in Model.Tables["Clinic"].Rows)
  { 
    var inv_nbr = @r["INVOICE_NBR"].ToString();                         
    if ("inv_nbr" == $('#InvoiceSelect').val()) { 
      <option value="@r["CLINIC_CODE"]">@r["CLINIC_CODE"]</option> 
    }
  }
</select>

The issue is - it seems that I cannot compare the inv_nbr(C# string) with a jquery value. It shows a small red squiggly underline in jquery .val() saying that $ unexpected character, invalid expression, ; expected, } expected.

What could be the options to achieve this ?

You can't do it that way; the Razor code is basically some C# code that executes server-side, and it just renders (generates) the static HTML content, etc., *before* any of it even gets to the client's browser. You are trying to execute jQuery in C#. What you can do is create a JavaScript function (say, an event handler) and inject bit's of Razor code into that - but that's not ideal. See [this](https://stackoverflow.com/a/4599403/8166486) for more detail, and alternatives. — Filip Milovanović, May 11 '18 at 13:56

Compare C# string with jquery in mvc

0 Answers0