[已解决]求js大神看个问题

zyzth1314

<select size="2" multiple id="select2">
        <option value="america">USA</option>
        <option value="england">ENG</option>
        <option value="france">FRA</option>
</select>
<td><span id="selectm_result"></span></td>

我该咋用 addEventListener 来添加事件  把选中的显示出在span中
只能选一个我会document.querySelector("#select1").addEventListener("change",()=>{document.querySelector("#selectm_result").innerHTML=document.querySelector("#select2").vaule;
请问咋选多个啊。。。。。。

最佳答案

月排行榜 / 总排行榜

542624047

2019-12-25 16:13:02

这个...你这么写肯定就只能一次有一个。看看我改的这个，如果对你有帮助请结帖。

                        document.querySelector("#select1").addEventListener("change", () => {
                                        var options=document.getElementById("select1").getElementsByTagName("option");
                                        var text="";
                                        for(var i=0;i<options.length;i++){
                                                if(options[i].selected==true){
                                                        text+=" "+options[i].value;
                                                }
                                        }
                                                document.querySelector("#selectm_result").innerHTML = text;
                                        });

跳转到最佳答案楼层

不二如是

是当“多选”，时候全部显示到 span 中？？

zyzth1314

不二如是 发表于 2019-12-17 09:31
是当“多选”，时候全部显示到 span 中？？

嗯嗯对对

zyzth1314

不二如是 发表于 2019-12-17 09:31
是当“多选”，时候全部显示到 span 中？？

就是按Ctrl 多选时候 全部显示出选择的值

zyzth1314

求大神帮忙看一下 做了这个快一天多了 每次都失败@不二如是

542624047

这个...你这么写肯定就只能一次有一个。看看我改的这个，如果对你有帮助请结帖。

                        document.querySelector("#select1").addEventListener("change", () => {
                                        var options=document.getElementById("select1").getElementsByTagName("option");
                                        var text="";
                                        for(var i=0;i<options.length;i++){
                                                if(options[i].selected==true){
                                                        text+=" "+options[i].value;
                                                }
                                        }
                                                document.querySelector("#selectm_result").innerHTML = text;
                                        });