[Deymos]

...и видимо последний шаг. Второй #price появляется при выборе 3 параметров. Если я правильно понимаю, мне нужно выполнить body on click. Я внес правку, но JS не получает значение.

jQuery("body").on("click",".single_variation_wrap",function() {
    var result = document.getElementById('result'),
        width = document.getElementById('width'),
        price = document.querySelectorAll('#price')[1];
    document.body.onclick = function(event) {
        var target = event.target;
        if(target.name == 'len') {
            result.innerHTML = target.value * price.value * width.value;
        }
    }
})();