当下拉选择字段设置为特定值时清除文本输入字段？

Question

根据下面的 HTML 选择表单字段，当选择字段设置为除Completed或之外的任何值时，我需要重置文本字段值Cancelled

<select name="status" id="status" title="">
    <option label="Open" value="Open">Open</option>
    <option label="In Progress" value="In_Progress">In Progress</option>
    <option label="Future_Project" value="Future_Project">Future_Project</option>
    <option label="Cancelled" value="Cancelled">Cancelled</option>
    <option label="Completed" value="Completed" selected="selected">Completed</option>
</select>

我需要将值设置为空/什么都没有的文本输入看起来像这样......

<input autocomplete="off" type="text" id="date_completed_date" value="09/20/2014 06:15pm" size="11" maxlength="10" onblur="combo_date_completed.update();" onchange="combo_date_completed.update(); ">

我可以使用 jQuery 或常规 JavaScript。我将不胜感激任何帮助，我认为这应该很简单？

Answer 1

工作解决方案：http://jsfiddle.net/bevanr01/7e2ubo85/4/

$( "#status" ).change(function() {
    if ((["Cancelled","Completed"].indexOf($(this).val()) == -1)){
         $('#date_completed_date').val('');   
    }
});

如果您想要像下面提到的那样，您可以添加今天的日期，这两个值被选中。

$( "#status" ).change(function() {
    if ((["Cancelled","Completed"].indexOf($(this).val()) == -1)){
         $('#date_completed_date').val('');   
    } else {
            $('#date_completed_date').val(new Date());   
    }
});