javascript - 一个DEMO中的疑问
本文介绍了javascript - 一个DEMO中的疑问的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<!DOCTYPE html>
<html>
<head>
<title>便签</title>
</head>
<body>
<form>
<select id="note-level">
<option value="normal">Normal tip</option>
<option value="important">Important tip</option>
</select>
<input type="text" name="note" placeholder="Input your note here" id="note" required>
<input type="button" name="submit" id="take-note" value="Take Note">
</form>
<ul id="note-list">
</ul>
<script type="text/javascript">
window.onload=init;
function init(){
var takeNoteButton=document.getElementById("take-note");
takeNoteButton.onclick=createNote;
}
function createNote(){
//获取输入的值
var noteElement=document.getElementById("note");
var noteValue=noteElement.value;
noteElement.value="";
//获取数据存储的层次
var levelObj=document.getElementById("note-level");
var index=levelObj.selectedIndex;
var level=levelObj[index].value;
//把输入的值和数据存储的层次封装起来
var noteObj={
value:noteValue,
level:level
}
var date=new Date();
var key=date.getTime();
//保存数据
}
</script>
</body>
</html>
各位大神好，请问获取输入值那段javacript中：
var noteElement=document.getElementById("note");
var noteValue=noteElement.value;
noteElement.value="";
在第二行代码中，已经获取了noteValue的值，为啥还要第三行代码： noteElement.value="";还请大神解惑！！！谢谢！！解决方案
这是为了获取值之后，把输入框里清空。
为什么要清空？
你想想，假如你填了信息之后，点击提交。结果输入框没有变化，也就是信息还在那里。用户怎么知道信息是否上传成功了呢？
这篇关于javascript - 一个DEMO中的疑问的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
