javascript - 如何使用类使用 select > option 元素制作 anchor

Question

当您更改选择元素中的选项时，我会进行 anchor 滚动。但是，这只适用于在值属性中插入 id。可以使用 href 来实现吗？我会将值(value)属性用于其他事情。谢谢，圣诞快乐!!

DEMO

<!-- THIS WORK -->

<select>
   <option value="#b1">1 test</option>
   <option value="#b2">2 test</option>
   <option value="#b3">3 test</option>
 </select>

 <!-- THIS DON`T WORK =/ -->

 <select>
     <option href="#b1">1 test</option>
     <option href="#b2">2 test</option>
     <option href="#b3">3 test</option>
 </select>

Answer 1

对于类可以这样做:

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

  })

DEMO