今天的學習內容依然是內置對象
一、Select 對象
1、Select 對象集合
(1)options[]---返回包含下拉列表中的所有選項的一個數組。
eg.
<body>
<select id="grade">
<option value="1">一年級</option>
<option value="2">二年級</option>
<option value="3">三年級</option>
</select>
<script>
var select = document.getElementById("grade");
var options = select.options;
for(var i=0;i<options.length;i++){
console.log(options[i]);
}
</script>
</body>
2、Select 對象方法:
1、add()---向下拉列表添加一個選項。
eg.
<body>
<select id="grade">
<option value="1">一年級</option>
<option value="2">二年級</option>
<option value="3">三年級</option>
</select>
<script>
var select = document.getElementById("grade");
var option4 = new Option("四年級",4)
select.add(option4);
</script>
</body>
2、remove()---從下拉列表中刪除一個選項。
eg.
<body>
<select id="grade">
<option value="1">一年級</option>
<option value="2">二年級</option>
<option value="3">三年級</option>
</select>
<script>
var select = document.getElementById("grade");
select.remove(0);//括號裏的是數組序號,"0"代表第一個option
</script>
</body>
二、Option對象
1、Option 對象構造方法:Option(text,value)
eg.
var option4 = new Option("四年級",4)
2、Option 對象屬性:
(1)selected---設置或返回 selected 屬性的值。
(2)text---設置或返回某個選項的純文本值。
(3)value---設置或返回被送往服務器的值。
三、補充
<body>
<input type="button" value="提交" onclick="text()" />
<script>
function text(){
alert("窗口");
confirm("確定退出嗎?");
var result = confirm("確定退出嗎?");
if(result){
console.log("是");
}else{
console.log("否");
}
console.log(document.domain);//返回域名
}
</script>
</body>