js获取select选中项的文本
程序员文章站
2022-03-26 18:23:59
...
在前后端交互的时候遇到了这个问题，要获取选中项的文本当做参数给后台发请求，也百度了一些方法，但是都是千篇一律的，我也试了都没有，最后自己乱写搞出来了，虽然也不知道搞得对不对，但是能用就行。
<body>
<select id="coach">
<option>医疗</option>
<option>培训</option>
<option>饲养</option>
<option>保险</option>
</select>
<button id="get">获取</button>
<script>
var btn = document.getElementById("get");
// var v = document.getElementsByTagName("select")[0].value;
// var obj = document.getElementById("sel");
var opts = document.getElementsByTagName("option");
console.log(opts);
btn.onclick = function(){
for(let i=0;i<opts.length;i++)
{
if(opts[i].selected){
console.log(opts[i].text);
}
}
}
// var index = obj.selectedIndex;
// var text = obj.options[index].text;
// var value = obj.options[index].value;
// console.log(text);
// btn.onclick = function(){
// for(let i=0;i<opts.length;i++)
// {
// if(opts[i].selected==="selected")
// {
// console.log(opts[i].innerHTML);
// }
// }
// }
</script>
</body>
注释掉的都是尝试了网上其他方法但是没用的。