<!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="";还请大神解惑!!!谢谢!!
这是为了获取值之后,把输入框里清空。
为什么要清空?
你想想,假如你填了信息之后,点击提交。结果输入框没有变化,也就是信息还在那里。用户怎么知道信息是否上传成功了呢?