Показать сообщение отдельно
  #1 (permalink)  
Старый 11.09.2015, 08:41
Интересующийся
Отправить личное сообщение для SuperTester Посмотреть профиль Найти все сообщения от SuperTester
 
Регистрация: 18.03.2015
Сообщений: 20

Не работает скрипт в Chrome
Есть скрипты:
function hidebyid(id){
var el = document.getElementById(id);
el.style.display='none';
}

function showbyid(id){
var el = document.getElementById(id);
el.style.display='inline-block';
}


имеем следующий код в форме заказа, который скрывает/отображает определенные select-ы:

<div class="row">
			<label>Тип конструкции</label>
			<select name="name_construction">
				<option onClick="hidebyid('row_gazebo'); hidebyid('row_kozyrki'); hidebyid('row_kyrilki'); showbyid('row_canopy');">Навес</option>
				<option onClick="hidebyid('row_canopy'); hidebyid('row_kozyrki'); hidebyid('row_kyrilki'); showbyid('row_gazebo');">Беседка</option>
				<option onClick="hidebyid('row_canopy'); hidebyid('row_gazebo'); hidebyid('row_kyrilki'); showbyid('row_kozyrki');">Козырек</option>
				<option onClick="hidebyid('row_canopy'); hidebyid('row_gazebo'); hidebyid('row_kozyrki'); showbyid('row_kyrilki');">Курилка</option>
				<option onClick="hidebyid('row_canopy'); hidebyid('row_gazebo'); hidebyid('row_kozyrki'); hidebyid('row_kyrilki');">Гараж</option>
				<option onClick="hidebyid('row_canopy'); hidebyid('row_gazebo'); hidebyid('row_kozyrki'); hidebyid('row_kyrilki');">Хоз. блок</option>
			</select>
		</div>
	
	
		<div class="row" id="row_canopy">
			<label>Название</label>
			<select name="name_canopy">
				<option>Круглый</option>
				<option>Прямоугольный</option>
				<option>Приставной</option>
				<option>Квадратный</option>
				<option>Навес над крыльцом</option>
				<option>Рокстил</option>
				<option>Мини навес</option>
				<option>Раундруф</option>
			</select>
		</div>
		
		<div class="row hidden" id="row_gazebo">
			<label>Название</label>
			<select name="name_gazebo">
				<option>Прямоугольная</option>
				<option>Круглая</option>
				<option>Приставная</option>
				<option>Квадратная</option>
				<option>С лавочками</option>
			</select>
		</div>
		
		<div class="row hidden" id="row_kozyrki">
			<label>Название</label>
			<select name="name_kozyrki">
				<option>Атлас</option>
				<option>Орион</option>
				<option>Сириус</option>
				<option>Сириус Лайн</option>
				<option>Оран</option>
				<option>Оран Р</option>
				<option>Сол</option>
				<option>Трим</option>
				<option>Волна</option>			
			</select>
		</div>
		
		<div class="row hidden" id="row_kyrilki">
			<label>Название</label>
			<select name="name_kyrilki">
				<option>Квадро</option>
				<option>Стандарт</option>		
			</select>
		</div>


По какой-то причине эта конструкция не работает в Google Chrome. Живой код - http://new.lnebo.ru/order/

Буду благодарен за помощь.
Ответить с цитированием