下拉列表选择特定值

时间:2015-06-05 13:01:50

标签: javascript jquery html datepicker event-handling

我有这段代码,

$('#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显示我想要的结果?

注意:值来自下拉列表。

2 个答案:

答案 0 :(得分:0)

尝试使用此代码而不是代码。

 $('#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'
    });
}
});

答案 1 :(得分:0)

没关系我弄清楚了。我做了这样的事情,似乎有效:

 $('#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'    
        });
     });