在输入中写入假日时更改选择的值

时间:2014-03-28 12:36:13

标签: jquery

我想更改我的" atividade"选择何时用户在我的输入字段中键入日期

这是我的日期输入:

<input class="mask-date form-control" size="9" id="data" name="data" type="text">

当写入特定日期时,我想将我的选项的值更改为&#34; Feriado&#34;如果那是假期

<select class="chosen-select form-control" id="atividade" name="atividade">
<option value="Hora Direta" selected="selected">Hora Direta</option>
<option value="Domingo">Domingo</option>
<option value="Falta">Falta</option>
<option value="Folga">Folga</option>
<option value="Feriado">Feriado</option>
<option value="Atestado">Atestado</option>
</select>

我正在尝试这个jquery并尝试更改输入字段的值,但是我无法更改我的选择值,我尝试过这样但不起作用:

$('#data').focusout(function(){
    var holidays = ['01/01', '25/12'];
    var date = $('#data').val();
    var day = date.substr(0,5);

    if (jQuery.inArray(day, holiday) != -1)
    { 
      $("#atividade").val("Feriado");
    }

 });

基本上这个jquery的作用是,如果我输入一个日期并且在我的假期数组中,我想将我的列表框值更改为&#34; Feriado&#34;并禁止用户更改值, 我怎么能这样做? Thx提前!

$('#data').focusout(function(){
        var holidays = ['01/01', '18/04', '21/04', '07/09', '12/10', '02/11', '15/11', '25/12'];
        var date = $('#data').val();
        var day = date.substr(0,5);

        if (jQuery.inArray(day, holidays) != -1)
        { 
          $("#divatividade").fadeOut();
          $('#atividade option[value="Feriado"]').prop('selected', 'selected');
        }
        else
        { 
          $("#divatividade").fadeIn();
          $('#atividade option[value="Hora Direta"]').prop('selected', 'selected');
        }
     });

现在工作,再次添加id和类,我不知道为什么工作 全部!

0 个答案:

没有答案