zyzth1314 发表于 2019-12-17 00:45:47

求js大神看个问题

<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;
请问咋选多个啊。。。。。。

不二如是 发表于 2019-12-17 09:31:55

是当“多选”,时候全部显示到 span 中??

zyzth1314 发表于 2019-12-17 13:56:13

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

嗯嗯对对

zyzth1314 发表于 2019-12-17 13:56:55

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

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

zyzth1314 发表于 2019-12-18 15:28:55

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

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.selected==true){
                                                        text+=" "+options.value;
                                                }
                                        }
                                                document.querySelector("#selectm_result").innerHTML = text;
                                        });
页: [1]
查看完整版本: 求js大神看个问题