如何使用javascript清除文本框答案

【问题标题】：How to clear a textbox using javascript如何使用javascript清除文本框
【发布时间】：2010-11-09 16:09:32
【问题描述】：

我有一个

<input type="text" value="A new value">

当焦点位于文本框。

如何做到这一点？

【问题讨论】：

标签： javascript

【解决方案1】：

只需使用获取元素

   function name()
   {  
   document.getElementById('elementid').value = "";
   }

您可以在文本框的onfocus事件上调用该函数并清除值

【讨论】：

【解决方案2】：

听起来您正在尝试使用“水印”（当用户关注框时会自行清除的默认值）。请务必在清除之前检查该值，否则您可能会删除他们输入的内容！试试这个：

<input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';">

这将确保它仅在值为“新值”时清除。

【讨论】：

这样就解决了问题。但是，我有一个取消按钮，它应该将文本 bac 设置为“新值”。另一种javascript方法？
@Kalls：如果那个取消按钮是一个普通的<input type="reset">，那么它应该这样做。
RoToRa 是正确的，“重置”按钮应该可以解决问题。如果您使用自定义 JS 函数来“取消”，请将以下代码添加到其中：document.getElementById('IDofthetextbox').value = "A new value";
@Kalls：您需要为输入提供一个 ID 并将其放入该方法中：$('#mytextbox').val(''); 其中 'mytextbox' 是 ID。
使用placeholder 属性并避免使用JavaScript 会更有意义。

【解决方案3】：

<input type="text" value="A new value" onfocus="javascript: if(this.value == 'A new value'){ this.value = ''; }" onblur="javascript: if(this.value==''){this.value='A new value';}" />

【讨论】：

不过，您确实应该使用 placeholder='' 属性

【解决方案4】：

对于现在遇到这种情况的人来说，这就是 placeholder 属性的作用。无需 JS：

<input type="text" placeholder="A new value">

【讨论】：

【解决方案5】：

只设置空字符串

    <input type="text" id="textId" value="A new value">
    document.getElementById('textId').value = '';

【讨论】：

【解决方案6】：

使用某物

<input type="text" name="yourName" placeholder="A new value" />

【讨论】：

【解决方案7】：

简单的一个

onfocus="this.value=''" onblur="if(this.value==''){this.value='Search...';}"

【讨论】：

内在事件中的'javascript:'标签是绝对没有必要的。
这就像一个占位符和可选的
你真的不需要添加 JavaScript：

【解决方案8】：

如果使用jQuery 是可以接受的：

jQuery("#myTextBox").focus( function(){ 
    $(this).val(""); 
} );

【讨论】：

【解决方案9】：

在文本框的输入标签中给出这个：

onClick="(this.value='')"

【讨论】：

【解决方案10】：

<input type="text" value="A new value" onfocus="this.value='';">

但是，对于第二次关注该元素的用户来说，这将非常令人恼火，例如纠正一些事情。

【讨论】：

【解决方案11】：

像这样使用 onfocus 和 onblur 事件：

<input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value = '';" onblur="if (this.value == '') this.value = 'A new value';">

【讨论】：

【解决方案12】：

<input type="text" name="yourName" value="A new value" onfocus="if (this.value == 'A new value') this.value =='';" onblur="if (this.value=='') alert('Please enter a value');" />

【讨论】：

【解决方案13】：

Onfous 和 onblur 带有 javascript 的文本框

   <input type="text" value="A new value" onfocus="if(this.value=='A new value') this.value='';" onblur="if(this.value=='') this.value='A new value';"/>

【讨论】：

【解决方案14】：

您的 HTML 代码，

jquery 代码，

$("#textboxID").val('');

【讨论】：

这是 jQuery 而不是问题所要求的。

【解决方案15】：

为了我的咖啡脚本窥视！

#disable Delete button until reason is entered
$("#delete_event_button").prop("disabled", true)
$('#event_reason_is_deleted').click ->
    $('#event_reason_is_deleted').val('')
    $("#delete_event_button").prop("disabled", false)

【讨论】：