使用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());
});

An example

Answer 2

没有看到你的HTML，试试这个：

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

Answer 3

假设您的HTML与此类似

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

您需要修改您的选择器以迭代<OPTION>代码，您的选择器正在迭代<SELECT>代码

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