CODEWITHSUNDEEP
javascriptjqueryhtmlasp.net-mvc-4
Baggerz
Baggerz

Reputation: 387

MVC: Get selected text from <Select> using JQuery

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?

Upvotes: 0

Views: 373

Answers (1)

Sudharsan S
Sudharsan S

Reputation: 15393

'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"
        });
    }

Upvotes: 2

Related Questions