MVC: Get selected text from <Select> using JQuery

Question

I'm trying to get the selected item from my dropdown's and use it for validation.

Previously i used:

$("#PolicyOrganisation").text());

Which worked but then I changed my dropdowns's to the below(loaded from database rather than hardcoded):

<div class="form-group">
    <label for="diagnosticMode" class="control-label col-xs-2">Policy Organisation:</label>
    <select id="DD1" name="PolicyOrganisation">
        <option value="-1">Select</option>
        @foreach (var item in ViewBag.PolicyOrgs)
        {
            <option value="@item.Id">@item.Name</option>
        }
    </select>
</div>

And my JQuery Validation too:

 //Validation for Dropdown      
    var platform1 = $('#PolicyOrganisation option:selected').text();
    var Valid1 = (platform1 !== 'Select')
    if (!Valid1) {
        $('#PolicyOrganisation').css({
            "border": "1px solid red",
            "background": "#FFCECE"
        });
    }

I found this method through searching about this question.. Get selected text from a drop-down list (select box) using jQuery

But the new versions don't work? Can anyone suggest why this might be?

Out of curiosity, why would you not use @Html.DropDownListFor()` and @Html.ValidationMessageFor() with jquery unobtrusive validation? — user3559349
– user3559349, Commented Sep 19, 2014 at 11:37

Sudharsan S · Accepted Answer · 2014-09-19 09:15:19Z

2

'PolicyOrganisation' is not an id it is name attribute Please use 'DD1' instead of 'PolicyOrganisation'

var platform1 = $('#DD1 option:selected').text();
    var Valid1 = (platform1 !== 'Select')
    if (!Valid1) {
        $('#DD1').css({
            "border": "1px solid red",
            "background": "#FFCECE"
        });
    }

answered Sep 19, 2014 at 9:15

Sudharsan S

15.4k4 gold badges34 silver badges51 bronze badges

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

1 Comment

Baggerz Over a year ago

Thanks I had overlooked this. unfortunately its still not working for me tho (my textbox validation works so i know jquery is working)

Collectives™ on Stack Overflow

MVC: Get selected text from <Select> using JQuery

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related