powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Показать скрытый опшен.
15 сообщений из 15, страница 1 из 1
Показать скрытый опшен.
    #39211474
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Всем привет.Есть два селекта.Один скрытый, а также в нём скрыты опшены.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<select name="mrk"   style="width:100%">
	<option value="all">Все</option>
	<option  class="loc" data-id="1" value="" >vasya</option>
        <option  class="loc" data-id=2"" value="" >Pety</option>
        <option  class="loc" data-id=3"" value="" >Ivan</option>
</select>

<select name="brn" id="brn" class="hidden"   style="width:100%">
	<option value="all">Все</option>
	<option  class="loc hidden" data-id="2" value="" >Moskow</option>
        <option  class="loc hidden" data-id=1"" value="" >London</option>
        <option  class="loc hidden" data-id=3"" value="" >Paris</option>
</select>


Нужно при выборе в первом селекте показать второй селект с соответствующим опшеном.
Первую половину осилил.
Код: javascript
1.
2.
3.
4.
5.
$('select[name="mrk"]').change(function() {
        var index = $(this)[0].selectedIndex;
	var data_id = this.options[index].getAttribute('data-id'); 
        if (data_id){$('#brn').show()}
    })


А вот как теперь показать нужный опшен не могу догодаться, а потому прошу подсказать.Пример в статике, в реале в динамике.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211550
MikkiMouse
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ureech,

Поубирай єти вот все твои data-id, они нафиг не нужнbI

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
$("select[name='mrk']").on( "change", function() {
    var id = $( this ).find( "option:selected" ).val();
    var val = $("#brn option[value='" + id + "']").val();
    if (id) {
        $('#brn').show(); 
        $('#brn').val(val);
    }
});
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211739
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Что должно быть в переменой var val? Выводит что то не понятное.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211744
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Всё разобрался, ошибся с названием переменой. Спасибо.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211748
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Нет, так не работает.Выводит только первый опшен.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211752
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
С этим разобрался.Теперь такая проблема.Если я выбираю первый опшен, всё срабатывает как надо, но если потом передумал и выбираю второй, то уже не работает.Как можно это решить?
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211765
MikkiMouse
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ureech,

Убрать класс "hidden" у option'ов 2-го селекта, наверно, не?
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211772
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
hidden я убираю.Не срабатывает по новой сама команда
Код: javascript
1.
$("select[name='mrk']").on( "change", function() {


Попробую на onclick повесить.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211886
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Проблема в следующем.
Если я выбрал Vasya то во втором селекте открылся London.ОК.
Но если после этого я вернулся и выбрал Pety, то во втором селекте Moskow добавилось к London,как сделать, что бы при возврате прятался предыдущий выбор?
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211988
MikkiMouse
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ureech,

Как это оно могло добавиться, если у тебя селект с единственным выбором. Залей пример что ли на jsfiddle ...
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39211993
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39212024
MikkiMouse
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ureech,

Ну вот , так как я и писал в первом же ответе, разметку только надо бbIло поправить
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39212046
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Спасибо, попробую адаптировать под свой вариант. Дело в том, что я не могу использовать value под id, так как в дальнейшем использую его под другой параметр.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39212050
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
И мне нужно, что бы при отсутствии выбора в первом селекте, во втором ничего не выводило.Так что, вот такие пироги.
...
Рейтинг: 0 / 0
Показать скрытый опшен.
    #39212058
ureech
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
И плюс нужно, что бы во второй селект выводился список всех элементов с выбранным в первом id.Те.Если у Васи id = 1, то во втором селекте вывело Лондон, но кроме Лондона там может быть и другие названия с таким же id и нужно что бы в списке присутствовали только они, а не все вообще.
...
Рейтинг: 0 / 0
15 сообщений из 15, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Показать скрытый опшен.
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]