在JQuery中清除文本字段值

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

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

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

Answer 1

 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()

Answer 2

如果要清除文本字段，请使用：

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

Answer 3

而不是所有这些：

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

Answer 4

你需要的是：

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

Answer 5

如果你使用jQuery，那么你可以使用这个：

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

Answer 6

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

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

Answer 7

你可以使用这一行清除它

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

Answer 8

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

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

Answer 9

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

所以应该是这样的：

doc_val_check = "";

Answer 10

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

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

Answer 11

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

 var value = $('#doc_title').val(); // get value $('#doc_title').val(''); // clear value 

Answer 12

  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> 

Answer 13

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

要么

 $('.[element class]').val(null);