LINUX.ORG.RU

Как подгрузить значения в выпадающий список?

 


0

2

Помогите пожалуйста решить простейшую задачку. проблема в том, что мне нужно обязательно использовать библиотеку alpaca: http://www.alpacajs.org/

Есть форма, которая состоит из двух полей типа select. первый селект заполнен двумя вариантами выбора: ‘forest’, ‘lake’. я хотел бы чтобы если пользователь в первом селекте выбирает значение ‘forest’, то во второй список подгружались бы варианты выбора:

a: 1,
a: 11

если пользователь в первом селекте выбирает значение ‘lake’, то во второй список подгружались бы варианты выбора:

a: 1111,
a: 11111

проблема в том, что у меня второй селект всегда пустой.

вот ссылка на live demo: https://jsfiddle.net/a7j8owm5/26/


Переходи на тёмную сторону

<script>
  const options = {
    lake: [1, 2],
    forest: [3, 4]
  }
	
  let first;
  let second;
</script>

<select bind:value={first}>
  <option>?</option>
  {#each Object.keys(options) as option}
    <option value={option}>
      {option}
    </option>
  {/each}
</select>

{#if options[first]}
  <select bind:value={second}>
    <option>?</option>
    {#each options[first] as option}
      <option value={option}>
        {option}
      </option>
    {/each}
  </select>
{/if}

<p>
  {first || "?"}/{second || "?"}
</p>

https://svelte.dev/repl/92766961645e484b8ea50a130a4cce02?version=3.24.1

ddidwyll ★★★★
()
Последнее исправление: ddidwyll (всего исправлений: 1)

Javascript решает а создавать все эти selectы можно из php то есть на сервере. Прочитал alpaca easy forms for jQuery. jQuery здесь не нужен, он избыточен.

XoFfiCEr ★★☆☆
()
Последнее исправление: XoFfiCEr (всего исправлений: 4)
Ответ на: комментарий от theNamelessOne

А смысл? Хоть на 3.5. Результат будет тот же — смузихлёбы просрали всё.

deep-purple ★★★★★
()
Ответ на: комментарий от ddidwyll

не мне, а «тебе» (в кавычках потому, что не я пишу жс под эти сайты а вот эти вот).

deep-purple ★★★★★
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.