在下拉菜单中显示所选值

时间:2013-04-01 11:21:32

标签: javascript jquery drop-down-menu

我有一个这样的下拉列表:

<select id="ddlLanguage" name="culture">
    <option value="null" >Language:</option>
    <option value="ar-jo">Arabic</option>
    <option value="en-us">English</option>
    <option value="fr-FR">French</option>
    <option value="es-cl">Spanish</option>
</select>

如果我选择“阿拉伯语”,下拉列表应显示“阿拉伯语”。但我总是得到“语言”。

修改

我使用Viewbag

得到了答案

脚本: -

<script type="text/javascript">
        $(function () {
            $('#ddlLanguage').val("@ViewBag.Msg");
            $('#ddlLanguage').change(function () {
                $('#currentCulture').val($(this).val());
                $(this).parents("form").submit();
            });
        });
    </script>

在控制器中,我设置了ViewBag.Msg的值。

ViewBag.Msg = ddlLanguage

3 个答案:

答案 0 :(得分:0)

使用以下代码更新您的下拉列表:

<select id="ddlLanguage" name="culture">
    <option value="null" >Language:</option>
    <option value="Arabic">Arabic</option>
    <option value="English">English</option>
    <option value="French">French</option>
    <option value="Spanish">Spanish</option>
</select>

答案 1 :(得分:0)

尝试使用此代码

$('#ddlLanguage').change(function(){    
   alert( $(this).find('option:selected').text());
});

答案 2 :(得分:0)

将所选属性设置为在给定选项上选择。 $(“你的选择”)。attr(“选中”,“选中”);