TYPECHO WIKI

使用 JS 获取输入框 input 里的值

发布者:Typecho维基君/更新日期:2018-06-08/人气指数:2636

项目中需要做AJAX数据提交,其中要用到数据拼接,有如以下的html结构片段:

<input type="text" id="noticeTitle" />
<textarea id="noticeContent" placeholder="请输入公告内容">
</textarea>

然后需要在点击发布时,把输入的内容通过ajax传送给后台,使用jQuery,可以直接使用 val() 函数。

var title = $("#noticeTitle").val();
var content = $("#noticeContent").val();

$.ajax…………

但是项目中用到jQuery的地方的屈指可数,于是准备使用原生重写。

通过javascript的value属性,就可以直接获得输入框的值。

var title = document.getElementById("noticeTitle").value;
var content = document.getElementById("noticeContent").value;

于是完美解决,项目中也减少了jQuery的80k宝贵空间。

本文检索关键词:开发日志
赞助支持

添加新评论 »