MVC:使用JQuery </select>从<select>获取选定的文本

时间:2014-09-19 09:13:14

标签: javascript jquery html asp.net-mvc-4

我试图从我的下拉列表中获取所选项目并将其用于验证。

以前我用过:

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

哪个有效但后来我将下拉列表更改为以下(从数据库加载而不是硬编码):

<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>

我的JQuery验证也是:

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

我通过搜索这个问题找到了这个方法.. Get selected text from a drop-down list (select box) using jQuery

但新版本不起作用?任何人都可以建议为什么会这样吗?

1 个答案:

答案 0 :(得分:2)

&#39; PolicyOrganisation&#39;不是id它是name属性请使用&#39; DD1&#39;而非政策组织&#39;

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