javascript - 根据选项 "label"属性替换 HTML 中的值

Question

我需要根据下拉列表中选择的内容替换页面上的值。更具体地说，我需要填写“标签”值。这是 HTML:

<select class="item-number">
  <option>Please select</option>
  <option value="123" label="Description about 123">123</option>
  <option value="456" label="Description about 456">456</option>
</select>

<span class="item-name">Description shows up here</span>

现在，如果有人选择选项 123，我需要将 span 中的文本替换为“关于 123 的说明”。有办法实现这一点吗？我是 JS/Jquery 新手，完全超出了我的能力范围。 ;)

Answer 1

$('.item-number').change(function () {
    var lbl = $(this.options[this.selectedIndex]).attr('label');
    $('.item-name').html(lbl);
});

这是FIDDLE