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))               
   });

如果我选择opton 250，我现在想要获得grandTotal black。

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

但它不起作用。你知道为什么吗？

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

Answer 1

您需要从所选选项中获取属性

＆＃13;

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

＆＃13;

<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>

＆＃13;

如何使用选择器属性在jquery中进行除法？

1 个答案: