Бьюсь уже не первый день и никакого результата, на данный момент работаю с формой.
Дело в том что сам я разработчик на php, а с html работаю крайне редко, больше с дивами, но столкнулся вот с какой проблемой.
Создавал калькулятор для страховой компании и встала задача сделать выпадающий список, где бы выпадали наименования городов и их зоны. Сам html вот такого плана.
<select name="id_train" onchange="do_tr(this)" style="width: 100%;" id="id_train">
<option selected="selected" value="4" style="text-align: right">Алчевск( Зона 4 )</option>
<option value="5" style="text-align: right">Александрия( Зона 5 )</option>
<option value="5" style="text-align: right">Антрацит( Зона 5 )</option>
<option value="5" style="text-align: right">Артемовск( Зона 5 )</option>
<option value="5" style="text-align: right">Ахтырка( Зона 5 )</option>
<option value="4" style="text-align: right">Белая Церковь( Зона 4 )</option>
<option value="4" style="text-align: right">Бердянск( Зона 4 )</option>
<option value="4" style="text-align: right">Борисполь( Зона 4 )</option>
<option value="5" style="text-align: right">Белгород-Днестровский( Зона 5 )</option>
<option value="5" style="text-align: right">Бердичев( Зона 5 )</option>
<option value="5" style="text-align: right">Брянка( Зона 5 )</option>
<option value="5" style="text-align: right">Боярка( Зона 5 )</option>
<option value="5" style="text-align: right">Бровары( Зона 5 )</option>
<option value="4" style="text-align: right">Винница( Зона 4 )</option>
<option value="5" style="text-align: right">Васильков( Зона 5 )</option>
<option value="5" style="text-align: right">Вишневое( Зона 5 )</option>
<option value="5" style="text-align: right">Вышгород( Зона 5 )</option>
<option value="4" style="text-align: right">Горловка( Зона 4 )</option>
<option value="2" style="text-align: right">Днепропетровск( Зона 2 )</option>
<option value="3" style="text-align: right">Донецк( Зона 3 )</option>
<option value="4" style="text-align: right">Днепродзержинск( Зона 4 )</option>
<option value="5" style="text-align: right">Димитров( Зона 5 )</option>
<option value="5" style="text-align: right">Дрогобыч( Зона 5 )</option>
<option value="5" style="text-align: right">Дружковка( Зона 5 )</option>
<option value="4" style="text-align: right">Евпатория( Зона 4 )</option>
<option value="4" style="text-align: right">Енакиево( Зона 4 )</option>
<option value="4" style="text-align: right">Житомир( Зона 4 )</option>
<option value="5" style="text-align: right">Желтые Воды( Зона 5 )</option>
<option value="3" style="text-align: right">Запорожье( Зона 3 )</option>
<option value="4" style="text-align: right">Ивано-Франковск( Зона 4 )</option>
<option value="5" style="text-align: right">Измаил( Зона 5 )</option>
<option value="5" style="text-align: right">Изюм( Зона 5 )</option>
<option value="5" style="text-align: right">Ирпень( Зона 5 )</option>
<option value="5" style="text-align: right">Ильичевск( Зона 5 )</option>
<option value="1" style="text-align: right">Киев( Зона 1 )</option>
<option value="2" style="text-align: right">Кривой Рог( Зона 2 )</option>
<option value="4" style="text-align: right">Каменец-Подольский( Зона 4 )</option>
<option value="4" style="text-align: right">Керчь( Зона 4 )</option>
<option value="4" style="text-align: right">Кировоград( Зона 4 )</option>
<option value="4" style="text-align: right">Краматорск( Зона 4 )</option>
<option value="4" style="text-align: right">Кременчуг( Зона 4 )</option>
<option value="5" style="text-align: right">Калуш( Зона 5 )</option>
<option value="5" style="text-align: right">Ковель( Зона 5 )</option>
<option value="5" style="text-align: right">Коломыя( Зона 5 )</option>
<option value="5" style="text-align: right">Комсомольск( Зона 5 )</option>
<option value="5" style="text-align: right">Конотоп( Зона 5 )</option>
<option value="5" style="text-align: right">Коростень( Зона 5 )</option>
<option value="5" style="text-align: right">Константиновка( Зона 5 )</option>
<option value="5" style="text-align: right">Красноармейск( Зона 5 )</option>
<option value="5" style="text-align: right">Краснодон( Зона 5 )</option>
<option value="5" style="text-align: right">Красный Луч( Зона 5 )</option>
<option value="3" style="text-align: right">Львов( Зона 3 )</option>
<option value="4" style="text-align: right">Лисичанск( Зона 4 )</option>
<option value="4" style="text-align: right">Луганск( Зона 4 )</option>
<option value="4" style="text-align: right">Луцк( Зона 4 )</option>
<option value="5" style="text-align: right">Лозовая( Зона 5 )</option>
<option value="5" style="text-align: right">Лубны( Зона 5 )</option>
<option value="4" style="text-align: right">Макеевка( Зона 4 )</option>
<option value="4" style="text-align: right">Мариуполь( Зона 4 )</option>
<option value="4" style="text-align: right">Мелитополь( Зона 4 )</option>
<option value="5" style="text-align: right">Марганец( Зона 5 )</option>
<option value="5" style="text-align: right">Мукачево( Зона 5 )</option>
<option value="3" style="text-align: right">Николаев( Зона 3 )</option>
<option value="4" style="text-align: right">Никополь( Зона 4 )</option>
<option value="5" style="text-align: right">Нежин( Зона 5 )</option>
<option value="5" style="text-align: right">Новая Каховка( Зона 5 )</option>
<option value="5" style="text-align: right">Нововолынск( Зона 5 )</option>
<option value="5" style="text-align: right">Новоград-Волынский( Зона 5 )</option>
<option value="5" style="text-align: right">Новомосковск( Зона 5 )</option>
<option value="2" style="text-align: right">Одесса( Зона 2 )</option>
<option value="4" style="text-align: right">Павлоград( Зона 4 )</option>
<option value="4" style="text-align: right">Полтава( Зона 4 )</option>
<option value="5" style="text-align: right">Первомайск( Зона 5 )</option>
<option value="5" style="text-align: right">Прилуки( Зона 5 )</option>
<option value="4" style="text-align: right">Ровно( Зона 4 )</option>
<option value="5" style="text-align: right">Ровеньки( Зона 5 )</option>
<option value="5" style="text-align: right">Ромны( Зона 5 )</option>
<option value="5" style="text-align: right">Рубежное( Зона 5 )</option>
<option value="4" style="text-align: right">Севастополь( Зона 4 )</option>
<option value="4" style="text-align: right">Северодонецк( Зона 4 )</option>
<option value="4" style="text-align: right">Симферополь( Зона 4 )</option>
<option value="4" style="text-align: right">Славянск( Зона 4 )</option>
<option value="4" style="text-align: right">Сумы( Зона 4 )</option>
<option value="5" style="text-align: right">Свердловск( Зона 5 )</option>
<option value="5" style="text-align: right">Светловодск( Зона 5 )</option>
<option value="5" style="text-align: right">Смела( Зона 5 )</option>
<option value="5" style="text-align: right">Снежное( Зона 5 )</option>
<option value="5" style="text-align: right">Стаханов( Зона 5 )</option>
<option value="5" style="text-align: right">Стрый( Зона 5 )</option>
<option value="4" style="text-align: right">Тернополь( Зона 4 )</option>
<option value="5" style="text-align: right">Торез( Зона 5 )</option>
<option value="4" style="text-align: right">Ужгород( Зона 4 )</option>
<option value="5" style="text-align: right">Умань( Зона 5 )</option>
<option value="5" style="text-align: right">Фастов( Зона 5 )</option>
<option value="5" style="text-align: right">Феодосия( Зона 5 )</option>
<option value="2" style="text-align: right">Харьков( Зона 2 )</option>
<option value="4" style="text-align: right">Херсон( Зона 4 )</option>
<option value="4" style="text-align: right">Хмельницкий( Зона 4 )</option>
<option value="5" style="text-align: right">Харцызск( Зона 5 )</option>
<option value="4" style="text-align: right">Черкассы( Зона 4 )</option>
<option value="4" style="text-align: right">Черновцы( Зона 4 )</option>
<option value="4" style="text-align: right">Чернигов( Зона 4 )</option>
<option value="5" style="text-align: right">Червоноград( Зона 5 )</option>
<option value="5" style="text-align: right">Шахтерск( Зона 5 )</option>
<option value="5" style="text-align: right">Шостка( Зона 5 )</option>
<option value="5" style="text-align: right">Энергодар( Зона 5 )</option>
<option value="5" style="text-align: right">Ялта( Зона 5 )</option>
</select>
Проблема заключается в том что есть название и крядом зона к которой он относится, в данном варианте весь текст в каждом <option> выравнивается по правой стороне.
Вот и вопрос? Возможно ли сделать так чтоб название выравнивалось по левой стороне, а зона по правой? Ну чтоб было похоже как на 2е колонки, но в одной??? Если кто знает какой то вариант, поделитись знаниями, а то я уже не знаю где искать.
Спустя 2 часа, 9 минут, 5 секунд (14.07.2011 - 10:54) inpost написал(а):
kolyabis
Мне кажется, что только через JS динамически менять слой, который ты будешь вешать поверх обычного select.
Увы, может есть на jQuery готовые решения...
Мне кажется, что только через JS динамически менять слой, который ты будешь вешать поверх обычного select.
Увы, может есть на jQuery готовые решения...
Спустя 10 минут, 33 секунды (14.07.2011 - 11:05) kolyabis написал(а):
Я пробовал установить и яву и дивы в select результатов нет, даже не ломает код, просто игнарирует.
Спустя 37 минут, 35 секунд (14.07.2011 - 11:43) SoMeOnE написал(а):
На jquery возможно есть готовые решения.
Спустя 9 минут, 22 секунды (14.07.2011 - 11:52) kolyabis написал(а):
Цитата (SoMeOnE @ 14.07.2011 - 08:43) |
На jquery возможно есть готовые решения. |
А может подскажете, где можно посмотреть сайты где про jquery идет реч
Спустя 38 минут, 57 секунд (14.07.2011 - 12:31) SoMeOnE написал(а):
На офф сайте jquery можно поискать. На форумах думаю ответят.
Вот здесь показан принцип как накладывается изображения. Если разберетесь, думаю под свой пример настроите.
http://ryanfait.com/resources/custom-check...-radio-buttons/
Вот здесь показан принцип как накладывается изображения. Если разберетесь, думаю под свой пример настроите.
http://ryanfait.com/resources/custom-check...-radio-buttons/