Javascript 如何使用select>；使用类的选项元素

当您更改select元素中的选项时，我会使锚点滚动。但是，这只能在值atribute中插入一个id。可以使用href来实现吗？我会用atribute的值来做其他事情。谢谢，圣诞快乐

1试验
2试验
3试验
1试验
2试验
3试验
For class可以这样做：

  $('select').on('change', function () {
      var $el = $($(this).find(':selected').attr('class'));
      $('html,body').animate({
          scrollTop: $el.offset().top
      }, 500);

  })

For class可以这样做：

  $('select').on('change', function () {
      var $el = $($(this).find(':selected').attr('class'));
      $('html,body').animate({
          scrollTop: $el.offset().top
      }, 500);

  })

For class可以这样做：

  $('select').on('change', function () {
      var $el = $($(this).find(':selected').attr('class'));
      $('html,body').animate({
          scrollTop: $el.offset().top
      }, 500);

  })

For class可以这样做：

  $('select').on('change', function () {
      var $el = $($(this).find(':selected').attr('class'));
      $('html,body').animate({
          scrollTop: $el.offset().top
      }, 500);

  })

你的小提琴里有

 // fluid scroll in the select>option change

      $('select').on('change', function () {


           $('html,body').animate({
                      scrollTop: $(this.value).offset().top
                  }, 500);
      });
  });

这里对于scrollTop，您已经给出了
$（this.value）
，因此只有当您给出
value=“#b1”

将其更改为
$（this.options[this.selectedIndex].id）
，它将适用于您的小提琴中的
id=“#b1”

 // fluid scroll in the select>option change

      $('select').on('change', function () {


           $('html,body').animate({
                      scrollTop: $(this.value).offset().top
                  }, 500);
      });
  });

这里对于scrollTop，您已经给出了
$（this.value）
，因此只有当您给出
value=“#b1”

将其更改为
$（this.options[this.selectedIndex].id）
，它将适用于您的小提琴中的
id=“#b1”

 // fluid scroll in the select>option change

      $('select').on('change', function () {


           $('html,body').animate({
                      scrollTop: $(this.value).offset().top
                  }, 500);
      });
  });

这里对于scrollTop，您已经给出了
$（this.value）
，因此只有当您给出
value=“#b1”

将其更改为
$（this.options[this.selectedIndex].id）
，它将适用于您的小提琴中的
id=“#b1”

 // fluid scroll in the select>option change

      $('select').on('change', function () {


           $('html,body').animate({
                      scrollTop: $(this.value).offset().top
                  }, 500);
      });
  });

这里对于scrollTop，您已经给出了
$（this.value）
，因此只有当您给出
value=“#b1”

将其更改为
$（this.options[this.selectedIndex].id）
，它将适用于
id=“#b1”
此处更新的小提琴：

与类一起工作，尽管我觉得这样使用类很奇怪。正确的方法是在我的头脑中使用价值，但你可以这样说：）

编辑fiddle以获取所选选项id、href或除value以外的任何其他属性都很容易，最好像以前一样使用
此.value
获取这些属性。
此处更新了fiddle：

与类一起工作，尽管我觉得这样使用类很奇怪。正确的方法是在我的头脑中使用价值，但你可以这样说：）

编辑fiddle以获取所选选项id、href或除value以外的任何其他属性都很容易，最好像以前一样使用
此.value
获取这些属性。
此处更新了fiddle：

与类一起工作，尽管我觉得这样使用类很奇怪。正确的方法是在我的头脑中使用价值，但你可以这样说：）

编辑fiddle以获取所选选项id、href或除value以外的任何其他属性都很容易，最好像以前一样使用
此.value
获取这些属性。
此处更新了fiddle：

与类一起工作，尽管我觉得这样使用类很奇怪。正确的方法是在我的头脑中使用价值，但你可以这样说：）

编辑小提琴可以很容易地获得所选的选项id、href或除值以外的任何其他属性，最好像以前一样使用
这个.value
来获得这些属性。
你不能用#class=“#b1”。。。这只是你代码中的一个输入错误吗？真的是class=“b1”？你说得对！我在这里作弊。我想要的是用“href”而不是“value”锚定，你不能用一个#class=“#b1”。。。这只是你代码中的一个输入错误吗？真的是class=“b1”？你说得对！我在这里作弊。我想要的是用“href”而不是“value”锚定，你不能用一个#class=“#b1”。。。这只是你代码中的一个输入错误吗？真的是class=“b1”？你说得对！我在这里作弊。我想要的是用“href”而不是“value”锚定，你不能用一个#class=“#b1”。。。这只是你代码中的一个输入错误吗？真的是class=“b1”？你说得对！我在这里作弊。我想要的是锚定为“href”而不是“value”，谢谢你的回答！我在这里作弊。我想要的是锚定为“href”而不是“value”，谢谢你的回答！我在这里作弊。我想要的是锚定为“href”而不是“value”，谢谢你的回答！我在这里作弊。我想要的是锚定为“href”而不是“value”，谢谢你的回答！我在这里作弊。我想要的是用“href”而不是“value”@gaurav5430
（$this.id）
将获得
select
的
id
，而不是所选的选项。@guarav5430，这是一个很好的例子：）@gaurav5430
（$this.id）
将获得
select
的
id
，不是选中的选项。@guarav5430，您获得了compact好例子的追加投票：）@gaurav5430
（$this.id）
将获得
select
的
id，而不是选中的选项。@guarav5430，您获得了compact好例子的追加投票：）@gaurav5430
（$this.id）
将获得
select
的
id
，而不是所选选项。@guarav5430，您获得了compact良好示例的向上投票：）
这是
选择
，仍然必须从
获取id这是
选择
，仍然必须从
中获取id，这是
选择
，仍然必须从
中获取id，这是
选择
，仍然必须从
中获取id