[已解决]求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

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

1.                         document.querySelector("#select1").addEventListener("change", () => {
   
2.                                         var options=document.getElementById("select1").getElementsByTagName("option");
   
3.                                         var text="";
   
4.                                         for(var i=0;i<options.length;i++){
   
5.                                                 if(options[i].selected==true){
   
6.                                                         text+=" "+options[i].value;
   
7.                                                 }
   
8.                                         }
   
9.                                                 document.querySelector("#selectm_result").innerHTML = text;
   
10.                                         });

复制代码

跳转到最佳答案楼层

不二如是

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

zyzth1314

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

嗯嗯对对

zyzth1314

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

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

zyzth1314

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

542624047

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

1.                         document.querySelector("#select1").addEventListener("change", () => {
   
2.                                         var options=document.getElementById("select1").getElementsByTagName("option");
   
3.                                         var text="";
   
4.                                         for(var i=0;i<options.length;i++){
   
5.                                                 if(options[i].selected==true){
   
6.                                                         text+=" "+options[i].value;
   
7.                                                 }
   
8.                                         }
   
9.                                                 document.querySelector("#selectm_result").innerHTML = text;
   
10.                                         });

复制代码