如何遍历<select multiple =“”>中的选定<option>？

Question

已经有许多与此主题类似的问题，但是我找不到解决该特定问题的任何问题。 如果我有一个允许多个选择的元素，那么如何仅对用户已选择的内容进行迭代。 接受jQuery和/或Vanilla。 选择{     溢出：自动;     宽度：150像素； }   鲍勃    John    Sam    Jason   萨拉 http://jsfiddle.net/mtg73Lep/ 相似的帖子无济于事： 遍历选项-对于所有选项，而不仅仅是选定的选项 如何检查是否从HTML下拉列表中选择了一项？ -不适用于多项选择

1 个答案:

答案 0 :(得分：1)

尝试一下：

$('select').change(function(){
  $('option:selected').each(function(){
    alert( $(this).text() );
  });
});

select{
    overflow:auto;
    width: 150px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<select id="the_select" size="5" multiple>
  <option>Bob</option>
  <option>John</option>
  <option>Sam</option>
  <option>Jason</option>
  <option>Sarah</option>
</select>

---

居民j-Maven mplungjan提出的另一个极好的建议（更好吗？绝对酷！）：

$("#the_select").on("change",function() { 
    console.log( $("option:selected",this).map(function() { return $(this).val() } ).get() ) 
});

相关问题

• 如何在多个选择框中选择一个选项并从所选选项加载数据
• 在更改另一个</option> </select>的所选<option> </option>时更改<select>的<option>子节点
• 通过表单</option>发送多个<option>
• 将所选选项设置为多个选择jquery
• 如何从选择选项中选择多个选定值
• 如何在多个选择选项中获取选定选项数据属性
• Updating with multiple select <option selected="selected">
• 选择选项“已选择”中的PHP多个条件
• 如何遍历<select multiple =“”>中的选定<option>？
• 如何通过选择/选项传递多个值

最新问题

• 我写了这段代码，但我无法理解我的错误
• 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
• 是否有可能使 loadstring 不可能等于打印？卢阿
• java中的random.expovariate()
• Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
• 为什么我的 Onclick 箭头功能在 React 中不起作用？
• 在此代码中是否有使用“this”的替代方法？
• 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
• 每千个数字得到
• 更新了城市边界 KML 文件的来源？

Answer 1

尝试一下：

$('select').change(function(){
  $('option:selected').each(function(){
    alert( $(this).text() );
  });
});

select{
    overflow:auto;
    width: 150px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<select id="the_select" size="5" multiple>
  <option>Bob</option>
  <option>John</option>
  <option>Sam</option>
  <option>Jason</option>
  <option>Sarah</option>
</select>

---

居民j-Maven mplungjan提出的另一个极好的建议（更好吗？绝对酷！）：

$("#the_select").on("change",function() { 
    console.log( $("option:selected",this).map(function() { return $(this).val() } ).get() ) 
});