在javascript中添加值后，输入字段html5占位符不会消失

Question

在该网页上，我有使用Mike Taylor html5 placeholder 的输入字段。我像这样在javascript中为输入字段赋值。

document.add_event_form.end_time.value = time_array[0];

之后的占位符在赋予该字段的值下仍然可见。有没有办法让占位符知道指定了一个值？

Answer 1

您必须手动隐藏该占位符插件生成的<label> 元素。

document.add_event_form.end_time.value = time_array[0];
var id = $(document.add_event_form.end_time).attr("id");
$("label[for='"+ id +"']").hide();

或者，您可以为该输入触发 focus() 和 blur() 事件，因为这些事件与占位符插件使用的事件相同。

document.add_event_form.end_time.value = time_array[0];
$(document.add_event_form.end_time).focus().blur();

注意：由于您使用的插件回复了 jQuery，所以我的回答也是如此。