Javascript 下拉选择特定值

我有这个密码

$('#Queue_QActionID').change(function () {
    if ($(this).val() == '501' || $(this).val() == '502' || $(this).val() == '503' || $(this).val() == '504' || $(this).val() == '505' || $(this).val() == '506' || $(this).val() == '507' || $(this).val() == '110') {
        document.getElementById("actionparams").style.display = "block";
        //jQuery alternative
        //$("#attach").show();
    } else {
        document.getElementById("actionparams").style.display = "none";
        //jQuery alternative
        //$("#attach").hide();
    }
});

$(function () {
    console.log($('#Queue_QActionID').val());
    if ($('#Queue_QActionID').val() == '502') {

        $(".datepicker1").datetimepicker({
            dateFormat: 'yy-mm-dd',
            timeFormat: "hh:mm tt"

        })
        $(".datepicker2").datetimepicker({
            dateFormat: 'yy-mm-dd',
            timeFormat: "hh:mm tt"
        })
    } else {
        $(".datepicker1").datepicker({
            dateFormat: 'yy-mm-dd',


        });

        $(".datepicker2").datepicker({
            dateFormat: 'yy-mm-dd'
        });
    }
});

我想在第二个函数中选择数字为502的值，当发生这种情况时，datepicker应该从datepicker更改为datetimepicker

我真的不知道我该怎么做。起初看起来很简单，但现在我被卡住了。如何获取特定值并使用if显示所需结果

---

注意：这些值来自下拉列表。

请尝试使用此选项而不是代码

 $('#Queue_QActionID').change(function () {
if ($(this).val() == '501' || $(this).val() == '502' || $(this).val() == '503' || $(this).val() == '504' || $(this).val() == '505' || $(this).val() == '506' || $(this).val() == '507' || $(this).val() == '110') {
      $(".datepicker1").datetimepicker({
        dateFormat: 'yy-mm-dd',
        timeFormat: "hh:mm tt"

    });
    $(".datepicker2").datetimepicker({
        dateFormat: 'yy-mm-dd',
        timeFormat: "hh:mm tt"
    });
} else {
    $(".datepicker1").datepicker({
        dateFormat: 'yy-mm-dd',


    });

    $(".datepicker2").datepicker({
        dateFormat: 'yy-mm-dd'
    });
}
});

---

没关系，我想出来了。我做了这样的事情，似乎奏效了：

 $('#Queue_QActionID').change(function(){
            if ($(this).val() == '501' || $(this).val() == '503' || $(this).val() == '504'
                   || $(this).val() == '505' || $(this).val() == '506' || $(this).val() == '507' || $(this).val() == '110') {
                document.getElementById("actionparams").style.display="block";


                //jQuery alternative
                //$("#attach").show();
            } 
            else {
                document.getElementById("actionparams").style.display="none";
                //jQuery alternative
                //$("#attach").hide();
            }
               if ($(this).val()=='502') {
                document.getElementById("actionparams1").style.display="block";

                $(".datepicker3").datetimepicker({
                    dateFormat:'yy-mm-dd',
                    timeFormat: "hh:mm tt"

                })
                $(".datepicker4").datetimepicker({
                    dateFormat:'yy-mm-dd',
                    timeFormat: "hh:mm tt"
                })
            }
        });

    $(function() {

      $( ".datepicker1" ).datepicker({
            dateFormat: 'yy-mm-dd',


        });

      $( ".datepicker2" ).datepicker({
            dateFormat: 'yy-mm-dd'    
        });
     });

---

什么是Queue_QActionID？这是我的下拉列表。你应该把它放在doc ready块中。这没有多大帮助。当我选择其中一个值时，在我的原始代码中，它会创建一个框来选择日期。因此，id actionparams。我想要的是，当我选择值502时，框应该随着时间从简单的日期选择器变为日期选择器。这对你很好，但是，我的眼睛受伤了！哈哈，你说得对。它不太好看。我想把它画得比这个好一点！