Javascript 从选择框中提取选定选项html

我有一个选择下拉列表。我想获取所选选项的html

<select id="filter" multiple="multiple">
     <option>Yes</option>
     <option>No</option>
</select>

对
不

例如，如果我选择是和否，我希望输出为

<option>Yes</option>
<option>No</option>

是
不

如果希望在控制台中输出，请点击这里。不需要jQuery

filter.addEventListener（'change'，function（）{
console.log（[…this.querySelectorAll（':checked'））；
//更简单但在IE 11中不可用：
log（[…filter.selectedOptions]）；
})

对
不

如果希望在控制台中输出，请点击这里。不需要jQuery

filter.addEventListener（'change'，function（）{
console.log（[…this.querySelectorAll（':checked'））；
//更简单但在IE 11中不可用：
log（[…filter.selectedOptions]）；
})

对
不

您可以使用jQuery这样做

$（“#过滤器”）.on（'change'，function（）{
//下一行将找到所有选中的选项
options=$（this.find（'option:selected'）；
//循环浏览所有选定的选项并将其打印到console
对于（变量i=0；i
选择{
宽度：100px；
}

对
不
您可以使用jQuery这样做


$（“#过滤器”）.on（'change'，function（）{
//下一行将找到所有选中的选项
options=$（this.find（'option:selected'）；
//循环浏览所有选定的选项并将其打印到console
对于（变量i=0；i
选择{
宽度：100px；
}

对
不
在这本书中有一个类似的问题

您可以使用
element.selected
命令查找所选选项元素。简而言之，查找这些HTML元素的函数如下所示：

var list = document.getElementById("filter");
var button = document.getElementById("button");

button.addEventListener("click", function(e){
    for(var i=0; i<list.length; i++){
    if(list.options[i].selected) {
        console.log(list.options[i]);
    };
  };
});

var list=document.getElementById（“过滤器”）；
var button=document.getElementById（“按钮”）；
按钮。addEventListener（“单击”，函数（e）{
对于（var i=0；i而言，研究中也存在类似的问题

您可以使用
element.selected
命令查找所选选项元素。简而言之，查找这些HTML元素的函数如下所示：

var list = document.getElementById("filter");
var button = document.getElementById("button");

button.addEventListener("click", function(e){
    for(var i=0; i<list.length; i++){
    if(list.options[i].selected) {
        console.log(list.options[i]);
    };
  };
});

var list=document.getElementById（“过滤器”）；
var button=document.getElementById（“按钮”）；
按钮。addEventListener（“单击”，函数（e）{
对于（var i=0；i
功能乐趣（e）{
var concat=''；
对于（var i=0；i
功能乐趣（e）{
var concat=''；
对于（var i=0；i来说，使用
ECMAScript
可以非常轻松地完成


let select=document.getElementById（'filter'）；
select.addEventListener（'change'，event=>{
让checkedOption=[…event.target.children].find（c=>c.selected）；
log（checkedOption.outerHTML）；
})；

对
不
使用
ECMAScript
可以非常轻松地完成


let select=document.getElementById（'filter'）；
select.addEventListener（'change'，event=>{
让checkedOption=[…event.target.children].find（c=>c.selected）；
log（checkedOption.outerHTML）；
})；

对
不
您想如何输出它？在控制台中？如果您在表单中使用它，请给select标记一个名称属性。使用JS，您可以使用select.SELECTEDINDEX。您想如何输出它？在控制台中？如果您在表单中使用它，请给select标记一个名称属性。使用JS，您可以使用select.SELECTEDINDEX的可能副本为了帮助你，我试过很多选择，但没有成功。你的答案救了我。嗨，守护进程，如果这个或任何答案都解决了你的问题，请点击检查标记。这向更广泛的社区表明你已经找到了解决方案并给了回答者和你自己一些名声。没有义务去做。谢谢你的帮助，我尝试了很多选择，但没有成功。你的答案救了我。嗨，守护进程，如果这个或任何答案已经解决了你的问题，请点击检查标记。这向更广泛的社区表明，你已经找到了解决方案并给了回答者和你自己的声誉。没有义务D。哦，这个