Обновить цену в текстовом поле от выбора

Question

У меня есть текстовое поле, в которое мы вручную вводим цену.

У меня есть поле выбора с пакетами, которые могут быть выбраны пользователем. В зависимости от того, что выбрано, я хочу, чтобы цена пакета была добавлена ​​в текстовое поле.

Мой HTML является ...

<label for="_cost">Total Cost:</label><br /> 
     &pound;<input type="text" name="_cost" id="_cost" value="" placeholder="0.00" /> 

<label for="_package">Select an Event Package:</label><br /> 
       <select name="_package" id="_package"> 
       <option value="" data-price="0.00">No Package</option> 

       <option value="test" data-price="100.00">Test</option> 
       </select> 

Что такое лучший способ сделать это с помощью JQuery

Answer 1

Что-то, как это будет работать:

$(document).ready(function(){ 
    $("select").on("change", function(){    
     $("#_cost").val($(this).find(":selected").data("price")); 
    }); 
}); 

Answer 2

что-то подобное, кажется, работает ...

$(document).ready(function() { 
       base = 0; 
       $("#_cost").on("keyup", function() { 
        base = $('#_cost').val(); 
       }); 
       $("#_package").on("change", function(){    
        var total = (base * 100 + $(this).find(":selected").data("price") * 100)/100; 
        $("#_cost").val(total.toFixed(2)); 
       }); 
      });