Удаление пустых строк в select?

Question

televnoy @televnoy

Удаление пустых строк в select?

Здравствуйте. Поставили задачу несколько выпадающих списков сделать. В общем все реализовал.
Но проблема заключается в том, что добавляются пустые строки. В общем если в одном из списков 10 наименований = 10 строкам, в другом 2 наименования = 10 строкам.
Вот что подтягивается:

<select name="variant" class="tovar__select-elem">
												<option value="Алюминий" data-price="0 руб" data-compare-price="0 руб">Алюминий</option>
												<option value="Белый" data-price="0 руб" data-compare-price="0 руб">Белый</option>
												<option value="Бук" data-price="0 руб" data-compare-price="0 руб">Бук</option>
												<option value="Венге" data-price="0 руб" data-compare-price="0 руб">Венге</option>
												<option value="Дуб Сонома светлый" data-price="0 руб" data-compare-price="0 руб">Дуб Сонома светлый</option>
												<option value="Дуб Сонома темный" data-price="0 руб" data-compare-price="0 руб">Дуб Сонома темный</option>
												<option value="Ясень анкор светлый" data-price="0 руб" data-compare-price="0 руб">Ясень анкор светлый</option>
												<option value="Ясень анкор темный" data-price="0 руб" data-compare-price="0 руб">Ясень анкор темный</option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
												<option value="" data-price="0 руб" data-compare-price="0 руб"></option>
											</select>

В общем запрет выполнения

В шаблоне CMS Simpla выбор подтягивается через следующий код:

<div class="tovar__select">
					<div class="tovar__select-text">Варианты фасада:&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</div>
					<select name="variant" class="tovar__select-elem">
						{foreach $product->variants as $v}
						<option value="{$v->id}" data-price="{$v->price|convert} {$currency->sign|escape}" data-compare-price="{$v->compare_price|convert} {$currency->sign|escape}">{$v->name}</option>
						{/foreach}
					</select>	
				</div>				
				{else}
				<input type="radio" name="variant" value="{$product->variant->id}" checked style="display:none!important"/>
				{/if}

Стили сответствено вот:

.tovar__select {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}
.tovar__select-elem {
  width: 380px;
  display: inline-block;
}

.tovar__select-text {
  color: #424242;
  display: inline-block;
  font-size: 18px;
  margin-right: 20px;
}
.tovar__select-elem {
    width: 100%;
    margin-top: 10px;
  }

Вопрос задан более трёх лет назад
242 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

3 комментария

televnoy @televnoy Автор вопроса
Ну допустим я догадался, но я не знаю как это реализовать.

Боюсь насмешить, но вряд ли же так

{if "{$v->id}" <> ""} <option value="{$v->id}" data-price="{$v->price|convert} {$currency->sign|escape}" data-compare-price="{$v->compare_price|convert} {$currency->sign|escape}">{$v->name}</option> {/if}
Написано более трёх лет назад
televnoy @televnoy Автор вопроса

Заработало, первая функция =) в жизни

Написано более трёх лет назад
ой всё @AnneSmith

televnoy, это называется не "я не знаю как это реализовать", а "я не умею программировать и не собираюсь учиться"
реализация решений - это из другой области, вы туда вряд ли когда попадете

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 3

1 комментарий

televnoy @televnoy Автор вопроса

У меня все методом тыка, только. Можно ли пример?
Пробовал так:

{foreach $product->variants as { if $v.id }}
     <option value="{$v->id}" data-price="{$v->price|convert} {$currency->sign|escape}" data-compare-price="{$v->compare_price|convert} {$currency->sign|escape}">{$v->name}</option>
 {/foreach}

{foreach $product->variants if $v.id}
     <option value="{$v->id}" data-price="{$v->price|convert} {$currency->sign|escape}" data-compare-price="{$v->compare_price|convert} {$currency->sign|escape}">{$v->name}</option>
 {/foreach}

{foreach $product->variants as $v}
     <option value="{ if $v->id}" data-price="{ if $v->price|convert} { if $currency->sign|escape}" data-compare-price="{ if $v->compare_price|convert} {$currency->sign|escape}">{ if $v->name}</option>
 {/foreach}

В первых двух вариантах сайт летит =(

Написано более трёх лет назад

1 комментарий

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 1 подписчик
- 42 минуты назад
- 25 просмотров
1

ответ
CSS

Средний
Почему у элемента такое поведение?
- 3 подписчика
- 11 часов назад
- 866 просмотров
0

ответов
PHP

Простой
Не работает часть скрипта PHP при смены PHP 7 на 8?
- 1 подписчик
- 12 часов назад
- 136 просмотров
2

ответа
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- 13 часов назад
- 51 просмотр
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 1 подписчик
- 17 часов назад
- 98 просмотров
4

ответа
CSS

Простой
Почему нет задержки между повторами анимации?
- 1 подписчик
- 17 часов назад
- 54 просмотра
1

ответ
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 1 подписчик
- 18 часов назад
- 91 просмотр
0

ответов
PHP

Средний
Как найти в массиве ответа API нужное значение, при том что значение может быть написано в разном регистре?
- 1 подписчик
- 18 часов назад
- 129 просмотров
3

ответа
CSS

Простой
Почему не сужается flex-элемент с flex-shrink: 1?
- 1 подписчик
- 19 часов назад
- 75 просмотров
0

ответов
PHP

+1 ещё

Простой
Как отправить сообщение в определенную тему в группе Telegram боту на PHP?
- 1 подписчик
- 19 часов назад
- 58 просмотров
0

ответов
Показать ещё Загружается…

PHP Developer

YCLIENTS • Москва

от 200 000 до 350 000 ₽

PHP разработчик

Ведисофт • Екатеринбург

от 25 000 ₽

Midlle PHP developer (backend)

ИТЦ Аусферр • Магнитогорск

от 100 000 до 160 000 ₽

Настроить AmoCRM, сделать привязку телефонии

23 апр. 2024, в 11:14

5000 руб./за проект

Видеомонтаж тревел-влогов на Youtube

23 апр. 2024, в 11:13

10000 руб./за проект

Топик моделлинг заголовков новостей

23 апр. 2024, в 10:50

5000 руб./за проект

Answer 1 · 2017-09-13 16:32:05

ой всё @AnneSmith

самая ленивая

value на "" проверяйте и не выводите

Ответ написан более трёх лет назад

3 комментария

Answer 2 · 2017-09-13 16:18:56

Егор Живагин @Krasnodar_etc

avito front

Не знаком с CMS Simpla но внутри foreach полюбому можно поставить if, чтобы выводить только не пустые

Типо: { if $v.id }

Ответ написан более трёх лет назад

1 комментарий

Answer 3 · 2017-09-13 16:18:53

Множит 100% цикл

{foreach $product->variants as $v}
     <option value="{$v->id}" data-price="{$v->price|convert} {$currency->sign|escape}" data-compare-price="{$v->compare_price|convert} {$currency->sign|escape}">{$v->name}</option>
 {/foreach}

Надо в нём копаться

Answer 4 · 2017-09-13 17:10:15

Знаниями в в VBA и методом тыка получилось. Всем спасибо за участие.

{if "{$v->id}" <> ""}
<option value="{$v->id}" data-price="{$v->price|convert} {$currency->sign|escape}" data-compare-price="{$v->compare_price|convert} {$currency->sign|escape}">{$v->name}</option>
{/if}

Удаление пустых строк в select?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт