DropDown Selection字段设置为某个值时，清除文本输入字段？

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

  Open In Progress Future_Project Cancelled Completed  

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

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

Answer 1

如果用户重新选择另一个选项，则值得保留日期，否则日期将保持为空。

 var date = $('#date_completed_date').val(); $("select").on("change", function () { if ($(this).val().indexOf('ed') == -1) { $('#date_completed_date').val(''); } else { $('#date_completed_date').val(date); } }) 

演示

http://jsfiddle.net/mrw9hor8/

Answer 2

工作解决方案： 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()); } }); 

Answer 3

试试这个

  
  Open In Progress Future_Project Cancelled Completed    

在你的脚本中

 function clearInput() { if(document.sample.status.value != "Completed" && document.sample.status.value != "Cancelled") { document.getElementById('date_completed_date').value=''; } }