在条件下使用javascript的onkeyup事件显示内容

时间:2017-11-05 10:03:32

标签: javascript

我有一张表格,

当用户在名为advance的字段中键入值时,

<div class="form-group">
     {{ Form::label('advance', 'Advance') }}
     {{ Form::text('advance', 0 , array('class' => 'form-control', 'id' => 'txt6', 'onkeyup'=>'displayDate()')) }}
</div>

日期会自动显示在表单下方的日期字段中,

<div class="form-group">
     {{ Form::label('date', 'Advance issued on') }}
     {{ Form::text('date', null, array('class' => 'form-control', 'id'=>'date')) }}
</div>

这种情况正在发生,因为我在keyup事件中使用了javascript。

我希望日期只显示输入的值 提前领域不止一个。即如果用户键为零, 日期没有显示。我怎样才能做到这一点?

这是我的javascript:

function displayDate() {
    var x = document.getElementById("txt6");
    document.getElementById('date').value = Date();
}

1 个答案:

答案 0 :(得分:1)

.value也可用于检索值,以及设置它。因此,不是获取元素并将其分配给x,而是分配元素,然后如果值大于1则执行操作...

var x = document.getElementById("txt6").value;

if (x > 1) {
    document.getElementById('date').value = Date();   
}