0

ドロップダウンで選択された内容に基づいて、ページの値を置き換える必要があります。より具体的には、「ラベル」値を入力する必要があります。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 の初心者であり、ここでは完全に理解できません。;)

4

4 に答える 4

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

ここにフィドルがあります

于 2013-05-17T05:00:05.920 に答える