javascript和jquery选择并获取值和属性

Question

请帮助我选择并获取我的选项及其属性的值.

这里是我的示例代码:

HTML ----

<div class="cart">
    <select class="a">
        <option value="1" prodID="12354">1</option>
        <option value="2" prodID="11364">2</option>
        <option value="3" prodID="16352">3</option>
    </select>
</div>

jq srcipt ----

$(".cart").on('change load', '.a select', function(){
    alert(//the value);
    alert(//the value of attribure prodID);
})

预计会爆发:

if 1 is selected
    alert 1(value) and 12354(attr)

if 3 is selected alert 3 and 16352

Answer 1

您只需要使用更改事件:

$(".cart select").on('change', function(){
  alert(this.value);
  alert($(this).find('option:selected').attr('prodID'));
});

工作演示

prodID不是有效的属性.但是我建议你使用自定义属性data-prodID.

 <select class="a">
  <option value="1" data-prodID="12354">1</option>
  <option value="2" data-prodID="11364">2</option>
  <option value="3" data-prodID="16352">3</option>
 </select>

然后使用以下命令获取自定义选项值:

 $(this).find('option:selected').data('prodID');