jQuery if else on下拉列表MVC

Question

我正在创建一个web应用程序在mvc5中，我有一个下拉列表与静态值我创建了一个jquery函数

<script>
    $(document).ready(function () {
        $("#role").change(function () {
            $("#txtusrname").attr('readonly', false);
            $("#txtpass").attr('readonly', false);
            $("#rdiogoogle").attr('checked', false);
            $("#rdioerp").attr('checked', true);
            $("#btngoogle").hide();
            $("#btnerp").show();
        });
    });
</script>

这工作得很好，但现在我想使文本框只读，如果下拉列表的选定值是"Trainer"我需要做的是在脚本中使用if else语句，请帮助我在这个

Answer 1

使用:selected选择器和jquery find()获取值使用val()，使用prop()代替attr()

<script>
    $(document).ready(function () {
        $("#role").change(function () {
           if($(this).find('option:selected').val() == "Trainer" ) {
            $("#txtusrname").prop('readonly', false);
            $("#txtpass").prop('readonly', false);
            $("#rdiogoogle").prop('checked', false);
            $("#rdioerp").pro('checked', true);
            $("#btngoogle").hide();
            $("#btnerp").show();
           }
        });
    });
</script>