在javascript中获取下拉列表的值

时间:2014-03-10 10:18:11

标签: javascript jquery

我在数据库的下拉列表中填充值。每个文本都有值。我想使用JavaScript选择值..

我的代码

 <%= Html.DropDownList("Role", ViewData["Role"] as SelectList,"Select" , new {onchange = "javascript:ddlRoleChanged();", id="ddlRoles",  @class = "dropdownStyle2"})%>

Javascript代码:

<script type="text/jscript">
    $(document).ready(function () {
        var tempDDVal = '<%= Session["Function"] %>';
        $("#ddlRoles option:contains(" + tempDDVal + ")").attr('selected', 'selected');
    });
    function ddlRoleChanged() {
        debugger;
        var selectvalue = document.getElementById('#ddlRoles');
        var selectedValue = $('#ddlRoles').val();
        window.location = '/home?func=' + selectedValue.valueOf();
    };        
</script>   

但是selectedvalue只显示文字值。如何拍摄?

3 个答案:

答案 0 :(得分:0)

您想要#ddlRoles中的所选项目。试试这个:

var selectedValue = $('#ddlRoles option:selected').val();
window.location = '/home?func=' + selectedValue;

答案 1 :(得分:0)

jQuery('#Dropdown').change(function(){
     var DropdownValue = jQuery(this).children('option:selected').val();
});

答案 2 :(得分:0)

将您的值放在ELEMENT的数据属性中。

$("ELEMENT").attr('data-value', 'MYDATA');

然后你可以得到它

$("ELEMENT").attr('data-value');