使用 jQuery 迭代 HTML 选择中的选项

Question

我从博客中获得了这个示例，但每次我这样做时：

$(':input[name=' + inputName + ']').each(function(i, selected)
{
    alert($(selected).text());
});

我都会收到包含所有选项的所有警报:(

我必须始终按输入名称进行搜索，输入没有 id。

这是正确的方法 亲切的问候

。

Answer 1

这是因为 jquery 找到了 select 标签，而不是 option 标签。

这将为您提供选项列表。

$(':input[name=' + inputName + '] option').each(function(i, selected) {
    alert($(selected).text());
});

示例

Answer 2

假设您的 HTML 与此类似，

<SELECT NAME="mylist">
  <option>Volvo</option>
  <option>Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</SELECT>

您需要修改选择器以迭代 标记，您的选择器正在迭代 标记

var inputName = mylist;
$(':input[name=' + inputName + '] option').each(function(i, selected)    {
        alert($(selected).text());
});

Answer 3

如果没有看到您的 html，请尝试以下操作：

$(":input[name='" + inputName + "'] option").each(function(i, selected) {
    alert($(selected).text());
});