2015-06-05 2 views
0

Привет У меня есть этот код,Dropdown выбрать конкретное значение

$('#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. Я не уверен, как я могу это сделать. Сначала это казалось простым, но теперь я застрял. Как я могу получить конкретное значение и использовать, если для отображения результата, который я хочу? Спасибо заранее! Примечание: Значения из выпадающего списка

+0

что 'Queue_QActionID'? – Jai

+0

это мой выпадающий список – thr

+0

Вы должны поместить это в блок готовности документа. – Jai

ответ

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

});

Я думаю, это поможет вам.

+0

это не очень помогает. Когда я выбираю одно из этих значений, в моем исходном коде он создает поле для выбора дат. Следовательно, id '# actionparams'. Я хочу, когда я выбираю значение '502', ящик должен меняться от простого datepicker до datepicker со временем. – thr

0

Nevermind Я понял это out.I сделал что-то подобное, и это, кажется, работает:

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

Хорошо для вас, но, у меня болят глаза! – lshettyl

+0

ха-ха, ты прав. Это не очень хорошо. Я пытаюсь «нарисовать» это немного лучше, чем это! – thr

Смежные вопросы