今天学习了《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选择元素
高洛峰2017-04-11 11:16:46
属性选择器啊
document.querySelector("input[name='cars']")//不过页面存在多个时就显得鸡肋了，当然你可以在添加一些条件
PHP中文网2017-04-11 11:16:46
以前还真没有注意这个小功能，试了一下才知道。应该是获取form dom以后才能这么获取吧？
试试：
document.querySelector("form").cars高洛峰2017-04-11 11:16:46
反正我一般操作dome都不是用name获取，非ID则class，你如果非要用name来获取，你可以getElementsByName,或者JQ的$("select[name='cars']")，返回的是类数组吧，况且，这样子获取有意义？你要给select设置样式吧？你加样式名通过class获取也是一样一样的啊
大家讲道理2017-04-11 11:16:46
document.querySelector("select[name='cars']");
或者
document.getElementsByName("cars")[0];
