javascript - 在下拉菜单中显示所选值

Question

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

<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

Answer 1

使用下面给出的代码更新您的下拉列表：

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

Answer 2

在给定选项上将 selected 属性设置为 selected 。$("你的选择").attr("selected", "selected");

Answer 3

尝试使用此代码

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