Вывод при выборе вариантов(условий)?

Question

[Андрей]

не могу даже просто в голове у себя построить логику для прайс листа, задача такая что хочу сделать интерактивный прайс-лист по ремонту айфонов(моя организация) и уже запарился с тем что мне нужно сделать так чтобы внутри ul сначала выбирался телефон(модель), потом этот список исчезает, появляется новый(с неисправностями типовыми) и на основании выбора модели и выбора неисправности генерировался html внутри пустого div. Может кто то уже с таким сталкивался, вот сам сайт

Comments

[Andrey Vasilev]

а не проще заранее подготовить разметку, а потом делая запрос в базу данных - тянуть необходимые данные по условию?

[Андрей]

Знать бы как это сделать, просто я не так давно начал заниматься подобным, решил "для начала" собрать самому себе сайт, поэтому прошу отнестись с пониманием, я попросту не знаю как это сделать. моем багаже есть html+css+очень немного js

[ThunderCat]

close that shit

улыбнуло )

[Андрей]

ахаха)))ну это же демка пока что, на основе вообще счетчик)

Answer 1

[ThunderCat]

и на основании выбора модели и выбора неисправности генерировался html внутри пустого div

Думаю что вы немного неверно подходите к задаче. Создайте готовые div с нужным содержимым и дисплей=нон, задайте им дата атрибут, соответствующий теме, например data-fix="charger", и в нужном пункте пропишите data-need-fix="charger", по клику - текущий див с выбором прячете, а из кликнутого элемента достаете data-need-fix, и показываете див с нужным data-fix.

Comments

[Андрей]

моя сложность заключается в том, что по сути мне нужно сделать так, чтобы data у этих li была условием для вывода, просто если я создам готовые дивы их будет очень много. я же хочу привести к минимуму элементов в хтмл. вообще за основу этой идеи я взял чужую работу, но так как не хочу ничего воровать у других, решил сделать что-то по структуре похожее, но свое. вот исходник с уже почищенным html и js, вот сколько пытался вникнуть в их реализацию, так и не понял как они это сделали. вообще я больше наверное хотел бы привести все к виду чтобы у меня был только один список с перечнем устройств в виде дива на странице, а остальное бы генерировалось по средствам $().html() , но не тут то было, потому как при выводе через него(даже если писать id или data) я не смог получить их обратного значения для дальнейшего использования, то есть у меня все просто остановилось на первом же выводе, вообще хотелось бы больше уровней для выбора иметь, чем просто выбор модели и неисправности, потому как там цены варьируются, а у меня многое объеденилось принудительно

[ThunderCat]

coloritada, если вы хотите все уложить в 2 - 3 строчки кода, то я вас разочарую, там нехилая такая работа,
https://applelab70.ru/price/js/custom.min.js тут все неисправности и прочие тексты выбираются по списку атрибутов и много еще чего. Так что или серьезно вникаете и пишете нормально, или не морочьтесь и отдайте кому то на фрилансе, будет быстрее и дешевле в пересчете на время.