jQuery 有什么方法可以清空 input 值? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
在 jQuery 中可以使用 val() 方法清空 input 的值. 方法: 先获得 input 元素对象, 然后使用. val("") 来清空 input 文本框的内容.
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <script type="text/javascript" src="jquery.min.js">
- </script>
- </head>
- <body>
- <input type="text" id="myinput" />
- <br />
- <button onclick="clearinput()">
- 清空内容
- </button>
- <script>
- function clearinput() {
- $("#myinput").val("");
- }
- </script>
- </body>
- </HTML>
在浏览器打开, 在文本框输入内容, 点击按钮, 查看实现的效果
拓展: val() 方法
val() 方法返回或设置被选元素的 value 属性.
当用于返回值时:
该方法返回第一个匹配元素的 value 属性的值.
当用于设置值时:
该方法设置所有匹配元素的 value 属性的值.
注意: val() 方法通常与 HTML 表单元素一起使用.
语法
返回 value 属性:
$(selector).val()
设置 value 属性:
$(selector).val(value)
通过函数设置 value 属性:
$(selector).val(function(index,currentvalue))
更多 web 前端自学 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/jquery/18124.html