在JQuery中清除文本字段值

我知道这是一个简单的问题,但由于某种原因,这只是不适合我。 我有一个function,触发每次下拉菜单更改。 这里是相关的代码,假设获取文本字段的当前值,如果存在一个值,则清除包含在.change函数中的代码:

var doc_val_check = $('#doc_title').attr("value"); if (doc_val_check.length > 0) { doc_val_check == ""; } 

我觉得我错过了很简单的事情。

13 Solutions collect form web for “在JQuery中清除文本字段值”

 doc_val_check == ""; // == is equality check operator 

应该

 doc_val_check = ""; // = is assign operator. you need to set empty value // so you need = 

你可以写这样的完整代码:

 var doc_val_check = $.trim( $('#doc_title').val() ); // take value of text // field using .val() if (doc_val_check.length) { doc_val_check = ""; // this will not update your text field } 

要用""更新你的文本字段,你需要尝试

 $('#doc_title').attr('value', doc_val_check); // or $('doc_title').val(doc_val_check); 

但我认为你不需要上面的过程。


总之,只有一条线

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

注意

.val()用于在文本字段中设置/获取值。 用参数作为setter,没有参数作为getter。

阅读更多关于.val()

如果要清除文本字段,请使用:

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

而不是所有这些:

 $('#doc_title').attr("value", ""); 

你需要的是:

 if ($('#doc_title').val()) { $('#doc_title').val(''); } 

如果你使用jQuery,那么你可以使用这个:

 // var doc_val_check = $('#doc_title').val(); - No need of this! if ($('#doc_title').val().length > 0) { $('#doc_title').val(""); } 

以简单的方式,您可以使用下面的代码来清除表单中的所有文本字段,textarea,下拉列表,单选button,checkbox。

 function reset(){ $('input[type=text]').val(''); $('#textarea').val(''); $('input[type=select]').val(''); $('input[type=radio]').val(''); $('input[type=checkbox]').val(''); } 

你可以使用这一行清除它

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

我们可以使用这个清晰的文字

 $('input[name="message"]').val(""); 

您正在比较doc_val_check和一个空string。 您想要将空string分配给doc_val_check

所以应该是这样的:

doc_val_check = "";

大多数情况下,您只需设置.val()方法。 所有的答案都相当准确,只是想把我的结果发布给任何需要通过客户端ID设置值的人。

  $('#' + '<%= doc_title.ClientID %>').val(null); 

使用jQuery.prototype.val来获取/设置字段值:

 var value = $('#doc_title').val(); // get value $('#doc_title').val(''); // clear value 
  First Name: <input type="text" autocomplete="off" name="input1"/> <br/> Last Name: <input type="text" autocomplete="off" name="input2"/> <br/> <input type="submit" value="Submit" /> </form> 

 $('#[element id]').val(null); 

要么

 $('.[element class]').val(null); 
  • 如何防止使用jQuery的redirect的Ajax请求
  • jQuery UI 1.10:对话框和zIndex选项
  • 在jQuery中获取一个列表元素内容的数组
  • 如何删除数据表中的分页
  • 在HTML表格中显示JSON数据
  • 当用户使用jQuery滚动到div底部时检测
  • datesorting问题与JQuery的Tablesorter
  • jquery:从类select器获取ID
  • 如何使用jQuery滚动到特定项目?
  • 在Javascript中克隆一个文件input元素
  • jQuery live方法有什么问题?