[FAQ] html 的 select 标签 option 获取选中值的两种方式及区别

 

Q:

对于一个 html 的 select 标签节点 class是module_select，获取选中值使用  $('.module_select').find('option:selected').val()  和 $('.module_select').val() 有什么区别

 

A:

$('.module_select').find('option:selected').val() 和 $('.module_select').val() 都可以用于获取 <select> 标签中选中的值，但它们的实现方式略有不同。 $('.module_select').find('option:selected').val() 的过程是先通过 $('.module_select') 选择到 <select> 标签节点，然后使用 .find('option:selected') 找到选中的 <option> 标签节点，最后使用 .val() 获取选中的值。 而 $('.module_select').val() 则直接获取 <select> 标签的值，无需进一步查找选中的 <option> 标签。 在大多数情况下，这两种方法的结果是相同的。但如果 <select> 标签有多个选中的 <option> ，那么 $('.module_select').val() 只会返回第一个选中的值，而 $('.module_select').find('option:selected').val() 则可以获取到所有选中的值中的第一个值。 因此，如果你只关心单选情况下的选中值，两种方法都可以使用。但如果需要处理多选情况，建议使用 $('.module_select').find('option:selected').val() 来获取选中的值。

 

Tool：HTML标签差错器

Link：https://www.cnblogs.com/farwish/p/17797219.html