javascript - tail.select javascript将选择的内容复制到另一个选择

Question

我试图将选择的选项复制到另一个选择输入。我目前使用 tail.select 下面的解决方案对我不起作用。

  document.getElementById("sama_sesuai_ktp").onclick = function() { copyAlamat() };

  function copyAlamat() {
    // GET THE OPTIONS OF THE SELECTS
    var sesuai_provinsi = document.getElementById('sesuai_fk_provinsi_value');
    var sesuai_kota = document.getElementById('sesuai_fk_kota_value');
    var sesuai_kecamatan = document.getElementById('sesuai_fk_kecamatan_value');
    var sesuai_kelurahan = document.getElementById('sesuai_fk_kelurahan_value');

    sesuai_provinsi_options = sesuai_provinsi.innerHTML;
    sesuai_kota_options = sesuai_kota.innerHTML;
    sesuai_kecamatan_options = sesuai_kecamatan.innerHTML;
    sesuai_kelurahan_options = sesuai_kelurahan.innerHTML;

    // FIND THE SELECTS THAT THE OPTIONS WILL BE COPIED
    var domisili_provinsi = document.getElementById('domisili_fk_provinsi_value');
    var domisili_kota = document.getElementById('domisili_fk_kota_value');
    var domisili_kecamatan = document.getElementById('domisili_fk_kecamatan_value');
    var domisili_kelurahan = document.getElementById('domisili_fk_kelurahan_value');

    // SET THE OPTIONS
    domisili_provinsi.innerHTML = sesuai_provinsi_options;
    domisili_kota.innerHTML = sesuai_kota_options;
    domisili_kecamatan.innerHTML = sesuai_kecamatan_options;
    domisili_kelurahan.innerHTML = sesuai_kelurahan_options;

  }

这是示例 HTML。这是第一个选择。这些选项是通过 ajax 填充的。我们将有一个按钮，它将获得从这个到第二个选择的所有选项，它看起来完全一样，只是不同的 id

<div class="Mt(1rem)">
    <label for="" class="Mstart(1rem) Pb(8px) D(b) Fz(0.875rem)">Kota</label>
    <select data-kota class="cph Px(1rem) Py(0.8125rem) Bgc($input1) Bdrs(4px) Bxsh($c1):f O(n) Bd(n) D(b) W(100%) Maw(344px)" name="sesuai_fk_kota_value" id="sesuai_fk_kota_value" required>                                                
      <option selected disabled ></option>
    </select>
</div>

这是我们初始化tail.select的javascript

const kota = tail.select("[data-kota]", {
  search: true,    
  openAbove: false,
  placeholder : 'Please Choose Kota',
  hideDisabled: true
});

标签： javascripthtmltail.select