Two selects with the same script

Question

Two selects with the same script

Navigation

#1 by (1 votes)

1

I have a select that uses a script to populate the cities field, through the selected state. The problem is that I need to add another select and when I add, only one select works.

<script src="http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js"></script><selectid="estado" name="estado"></select>

    <select id="cidade" name="cidade"></select>
    <br/>
    <select id="estado1" name="estado1"></select>

    <select id="cidade1" name="cidade1"></select>

<script type="text/javascript">
      window.onload = function() {
        new dgCidadesEstados(document.getElementById('estado'), document.getElementById('cidade'), true);
      }
    </script>

<script type="text/javascript">
      window.onload = function() {
        new dgCidadesEstados(document.getElementById('estado1'), document.getElementById('cidade1'), true);
      }
    </script>

javascript html-select

asked by anonymous 23.02.2015 / 19:22

1 answer

Web Service returning invalid value Carousel Bootstrap + php

score 1 · Accepted Answer

You do not need to create two functions window.onload just use one, and use another one new dgCidadesEstados ...

Most probably only one onLoad was being read when creating the form, so I did not load the other select

window.onload = function() {
  new dgCidadesEstados(document.getElementById('estado'), document.getElementById('cidade'), true);
  new dgCidadesEstados(document.getElementById('estado1'), document.getElementById('cidade1'), true);
}

<script src="http://cidades-estados-js.googlecode.com/files/cidades-estados-v0.2.js"></script><selectid="estado" name="estado"></select>
  <select id="cidade" name="cidade"></select><br/><br/>
  <select id="estado1" name="estado1"></select>
  <select id="cidade1" name="cidade1"></select>