jQuery-如何获取单选按钮/复选框/列表/下拉菜单中屏幕上显示的文本

Question

我正在解析一个表单并获取所有元素的值，包括文本框，单选按钮，复选框，列表框和下拉框。

我目前能够获取上述所有值。通过值，我指的是分配给该元素的值（例如单选按钮）。但是在某些情况下，屏幕上显示的值是文本（在单选框/复选框/下拉列表/列表）与实际分配给该值的文本（提交表单时）不同。

供您参考，我使用类似于以下代码的代码来获取列表/下拉文本框的所有“选项”，

  if($(this).is('select'))
         {
            $(this).find('option').each(function(){ 
               alert( " Option value=" + $(this).val() );    
            });            
         }

对于复选框/单选按钮，我使用val（）来获取所有分配的值。

下面给出了执行此操作的代码-

 textmsg= textmsg + "...Also, for this element, the value is " + $(this).val() + " and type =" +  $(this).attr('type');
alert (textmsg);

如何获取屏幕上显示的文本值（用于单选按钮/复选框/列表/下拉框）？

Answer 1

您可以使用jQuery.fn.text()做到这一点。

$(this).text();

Answer 2

对于：

1. 单选按钮：检查标签中的内容，该标签属于按钮，例如$（'＃radioid label'）。html（）;
2. 复选框：请参阅＃1-> html（）
3. 清单项目：$（'ul＃mylist li'）。html（）;
4. dropdownbox：与您的示例类似，但再次使用我们的朋友html（）：D

祝好运

PS：html（）是您的朋友，但您的评论者指出的text（）也可以！