|
Сообщение от ФедорН
|
|
даже в последней версии chrome данное значение перестало работать
|
Что-то делается не так, вот все, работает и в хроме, и ослике:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$(function() {
$('button').click(function() {
$('div.roword').first()
.clone()
.appendTo($('#form'))
.find('select').val('')
.end()
.find('input, output')
.val(function(i) {
return i == 4 ? '' : this.type == 'range' ? this.min : $(this).prev().attr('min')
})
.end()
.find('a').click(function() {
$(this).closest('.roword').remove()
})
.show()
})
//обработка изменения слайдера и выбора в списке
$('#form').on('input change', 'select,input', function() {
if(this.type == 'range') $(this).next().text(this.value) //отобразить значение слайдера
//рассчет
var o = $(this).closest('.roword').find('select,input'),
v = o.eq(0).val(),
w = o.eq(1).val(),
h = o.eq(2).val(),
r = o.last().val('');
if(v) {
v = v * w * h;
if(w * h <= 2399) v *= 1.1
else if(w * h >= 2400 && w * h <= 3999) v *= 1.055
else if(w * h >= 4000 && w * h <= 5399) v *= 1.03;
else if(w * h >= 5400 && w * h <= 6399) v *= 1.0135;
r.val(v.toFixed())
}
})
});
</script>
</head>
<body>
<div id="form" >
<div class="roword">
<div class="col-md-3 col-sm-6 col-xs-12 form-col-1">
<select form="send" name="color[]">
<option value="">Выберите цвет</option>
<option value="1.2">Зеленый</option>
<option value="1.6">Синий</option>
<option value="1.8">Красный</option>
</select>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 form-col-2">
<input form="send" type="range" min="40" max="300" name="width[]" value="40"><span>40</span>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 form-col-3">
<input form="send" type="range" min="40" max="200" name="height[]" value="40"><span>40</span>
</div>
<div class="col-md-3 col-sm-6 col-xs-12 form-col-4">
<input class="myPrice" form="send" type="text" name="result[]" readonly> <a style="display:none">Удалить</a>
</div>
</div>
</div>
<div class="clearfix"></div>
<button>Добавить</button>
</body>
</html>