как скрыть или заблокировать элемент <option> в Safari на iPad

Elflight · July 11, 2013

Добрый день, коллеги!

Реализую связанные списки, лишние элементы второго списка скрываются (display:none). Обнаружил, что в дектопном Safari элементы не скрываются, добавил атрибут disabled="disabled", на десктопе все работает. Однако на iPad'е все-равно не работает. Ситуацию смоделировал здесь: http://jsfiddle.net/6pYen/1/

Подскажите. пожалуйста, как решить эту проблему...

CoDy · July 11, 2013

Указан ли для документа DOCtype? Проходит-ли документ валидацию(http://validator.w3.org)? Мне кажется скрывать элемент выпадающего списка скрывать через CSS display:none не совсем корректно. Нужно скрывать элемент списка либо:


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег OPTION</title>
</head>
<body>
<form action="option1.php">
<p><select size="3" name="hero">
<option disabled>Выберите героя</option>
<option value="t1" selected>Чебурашка</option>
<option value="t2">Крокодил Гена</option>
<option value="t3">Шапокляк</option>
<option value="t4">Крыса Лариса</option>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>

либо


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta charset="utf-8">
<title>Тег OPTION</title>
</head>
<body>
<form action="option1.php">
<p><select size="3" name="hero">
<option disabled="disabled">Выберите героя</option>
<option value="t1" selected>Чебурашка</option>
<option value="t2">Крокодил Гена</option>
<option value="t3">Шапокляк</option>
<option value="t4">Крыса Лариса</option>
</select></p>
<p><input type="submit" value="Отправить"></p>
</form>
</body>
</html>

Для разного DOCtype разные реализации. Возможно это поможет.

Edited July 11, 2013 by CoDy

Elflight · July 11, 2013

CoDy, спасибо. Валидатор дает 4 ошибки, за каждую из которых я ручаюсь и которые к форме не имеют отношения ) Доктайп "<!DOCTYPE HTML> ".

Попробовал просто disabled, к сожалению, без изменений...

Sign In

как скрыть или заблокировать элемент <option> в Safari на iPad

Question

Elflight

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

CoDy

Link to comment

Share on other sites

Elflight

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information