今天学习了《javascipt权威指南》15.9
获取表单和表单元素可以通过name
和id
,自己试验了一下'
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>select选项试验</title>
<script type="text/javascript">
window.onload =function () {
var add = document.getElementById("add");
var zaire = new Option("lalal","zeww",false,false);
var sel =document.selects.cars;
add.onclick = function () {
sel.options[sel.options.length] = zaire
}
}
</script>
</head>
<body>
<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat" selected="selected">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>
<button id="add">添加一个选项</button>
</body>
</html>
form 没有名字想要通过name获取select,有什么样的方法
自己想到的:
document.selects.cars
不行,最后想到通过id控制
请问怎样可以通过name
选择元素
属性选择器啊
以前还真没有注意这个小功能,试了一下才知道。应该是获取form dom以后才能这么获取吧?
试试:
反正我一般操作dome都不是用name获取,非ID则class,你如果非要用name来获取,你可以getElementsByName,或者JQ的$("select[name='cars']"),返回的是类数组吧,况且,这样子获取有意义?你要给select设置样式吧?你加样式名通过class获取也是一样一样的啊
document.querySelector("select[name='cars']");
或者
document.getElementsByName("cars")[0];
javascript三级联动视频教程
你可以看看