javascript - 使用 Javascript 从选项 HTML 中获取名称

Question

<option value="1" name="13.890000">Monster</option>

我想通过 javascript 获取名称来进行计算(更改时)(注意:不是值)

$("#calculateprice").on('change', function() {
    x =  $(this).children(':selected').attr('name');
    z = x/1000;
});

<select id="calculateprice" name="serviceid" class="form-control">
<option selected disabled>Select a monster</option>
<option value="1" name="13.890000">Monster 1</option>
<option value="2" name="25.890000">Monster 2</option>                                
</select>

<input id="quantity" name="quantity" type="text" placeholder="" class="form-control input-md" required>

<input id="price" name="price" type="text" class="form-control input-md" disabled>

   

现在，我想获取在 QUANTITY 中输入的金额并与 Z 相乘并将结果显示在 PRICE 中。

像这样解决:

var z;
var totalprice;

$("#calculateprice").on('change', function() {
    x =  $(this).children(':selected').attr('name');
    z = x/1000;
});

$("#quantity").on('keyup', function() {
    value = $("#quantity").val();
    totalprice = z*value;
    totalresult = parseFloat(Math.round(totalprice * 100) / 100).toFixed(2);
    $('#price').val('$'+totalresult);
});

Answer 1

你可以这样试试

var vl= $("#id").attr("name");