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

项目中需要做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宝贵空间。

广告栏+++++++蜜糖商店|大哥云| 搬瓦工JMS|红莓网络| Mielink|萌喵加速| 飞鸟云

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注