@Ballfenya

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

Здравствуйте.
Прошу помощи.
Есть выпадающий список на сайте под Isales. Нашел где это исправить. Там такой код списка.

<!-- OPTION SELECT TEMPLATE -->
<script type="text/template" data-template-id="option-default">
  <div class="option-item option-<%= option.handle %> row middle-xl">
    <label class="cell-mc-12 cell-xl-3"><%= option.title %></label>
    <div class="cell-mc-12 cell-xl-4 cell-xs-8">
      <div class="select-wrapper select-styled">
        <select class="select-field" data-option-bind="<%= option.id %>">
          <% _.forEach(option.values, function (value){ %>
          <option
            data-value-position="<%= value.position %>"
            value="<%= value.position %>"
          <% if (option.selected == value.position & initOption) { %>selected<% } %>
          <% if (value.disabled) { %>disabled<% } %>
          >
          <%= value.title %>
          </option>
          <% }) %>
        </select>
      </div>
    </div>
  </div><!-- /.option-item -->
</script>


Я добавил строку
<option value="" selected="selected"> --- Выберите размер --- </option>
и кое что убрал. Теперь в окне написано -Выберите размер-. И он выберается ( т. е. в корзину попадает). Но в окне не фиксируется, а сразу опять перескакивает на -Выберите размер-. Человек не понимает, выбрал он или нет.
Как это поправить?
Код получился такой -

<!-- OPTION SELECT TEMPLATE -->
<script type="text/template" data-template-id="option-default">
  <div class="option-item option-<%= option.handle %> row middle-xl">
    <label class="cell-mc-12 cell-xl-3"><%= option.title %></label>
    <div class="cell-mc-12 cell-xl-4 cell-xs-8">
      <div class="select-wrapper select-styled">
        <select class="select-field" data-option-bind="<%= option.id %>">
        <option value="" selected="selected"> --- Выберите размер --- </option>
          <% _.forEach(option.values, function (value){ %>
          <option
            data-value-position="<%= value.position %>"
            value="<%= value.position %>"
          
          <% if (value.disabled) { %>disabled<% } %>
          >
          <%= value.title %>
          </option>
          <% }) %>
        </select>
      </div>
    </div>
  </div><!-- /.option-item -->
</script>


Посмотреть на сайте
Спасибо!
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы