Как я могу сделать разделение в jquery с атрибутом селектора?

Question

У меня есть поле выбора:

<select class="horse"> 
    <option value="white" value2="1">white</option> 
    <option value="black" value2="2">black</option> 
</select> 

И я хочу, чтобы сделать разделение с числом я уже Рассчитано:

Так что, если я пишу код, как это, я получаю GrandTotal 500:

$('select').change(function() { 
     $(".grandTotal").html($('.somethingelse').val()*100))    
    }); 

С помощью следующего кода я хотел бы получить GrandTotal 250, если я выберу opton black.

$('select').change(function() { 
     $(".grandTotal").html(($('.somethingelse').val()*100))/$('.horse').attr('value2'))    
    }); 

Но он не работает. Ты знаешь почему?

<div class="grandTotal"></div> 

Answer 1

Вам нужно получить атрибут из выбранной опции

$('select').change(function() { 
 
    $(".grandTotal").html(($('.somethingelse').val() * 100)/$('.horse :selected').attr('value2')) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<select class="horse"> 
 
    <option value="white" value2="1">white</option> 
 
    <option value="black" value2="2">black</option> 
 
</select> 
 

 
<select class="somethingelse"> 
 
    <option>0</option> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>5</option> 
 
</select> 
 

 
<div class="grandTotal"></div>