schel4ok,
<!DOCTYPE html>
<html>
<head>
<title>Doors</title>
<style>
form#calculator {
.form-group {position: relative; display:block; width: 50%;
> input.radio {height:13px; margin:6px 0 0 3px; width:13px;}
> label.radio {clear:both; margin:-1.75em 0 0 25px; padding:4px 0 5px; width:90%;}
> select {width:95px;}
> input.text {position: relative; }
> label.text {position: relative; padding: 0px; margin: 0px;}
}
}
.standard_sizes, .special_sizes {display:none;}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function () {
$(".radio").change(function () {
if ($(this).val() == 'standard') {
$('#log').html("Новый текст " + $(this).val());
$('.standard_sizes').show();
$('.special_sizes').hide();
}
else {
$('#log').html("Новый текст " + $(this).val());
$('.special_sizes').show();
$('.standard_sizes').hide();
}
});
});
</script>
</head>
<body>
<form role="form" class="" id="calculator" action="" method='post' enctype="multipart/form-data">
<div class="form-group pull-left" id="door_size_radio"><h4>Размер дверной коробки (в миллиметрах)</h4>
<input type="radio" value="standard" name="door_size_radio" class="radio">
<label for="door_size_radio" class="radio">Стандартный</label>
<input type="radio" value="special" name="door_size_radio" class="radio">
<label for="door_size_radio" class="radio">Ввести размер</label>
</div>
<div class="form-group pull-right standard_sizes" id="door_size_standard"><h4>Стандартные размеры дверной коробки</h4>
<select class="select" name="door_size_standard">
<option value="1" selected="selected">585х1880</option>
<option value="2" >685x1880</option>
<option value="3" >685x1980</option>
<option value="4" >685x2080</option>
<option value="5" >685x2180</option>
<option value="6" >785x1880</option>
<option value="7" >785x1980</option>
<option value="8" >785x2080</option>
<option value="9" >785x2180</option>
</select>
</div>
<div class="form-group pull-right special_sizes" id="door_size_special"><h4>Ввести свои размеры дверной коробки</h4>
<label for="door_size_b" class="text">Ширина, мм</label>
<input name="door_size_b" type="text" class="text">
<label for="door_size_h" class="text">Высота, мм</label>
<input name="door_size_h" type="text" class="text">
</div>
<div class="form-group">
<input id="name" name="name" type="text" class="form-control" required>
<label for="name">Ваше имя *</label>
</div>
<div class="form-group">
<input id="phone" name="phone" type="tel" class="form-control" required>
<label for="phone">Номер телефона *</label>
</div>
<div class="form-group">
<input id="time" name="time" type="text" class="form-control" required>
<label for="time">Желательное время звонка</label>
</div>
<div class="form-group">
<input id="email" name="email" type="email" class="form-control" required>
<label for="email">Адрес электронной почты *</label>
</div>
<div class="form-group">
<textarea id="message" name="phone" class="form-control" required></textarea>
<label for="message">Сообщение *</label>
</div>
<div class="footer">
<button type="submit" class="btn btn-primary pull-right">Отправить</button>
</div>
<div id="log"></div>
</form>
</body>
</html>