Получение значения из выпадающего меню

Question

Я хочу получить значение из выпадающего меню (#city) и поместить его в атрибут onchange другого выпадающего меню (#type)

Я попробовал некоторые ответы, уже сделанные на этот же вопрос, но они не работают, пока код работает нормально, когда я передаю мое строковое значение:

<div>
  <label for="city">City<label>
  <select class="form-control" id="city" name="city" onchange="getTypo(this.value)">
    <option value="">--Choose a city--</option>
    <?php
    $city = "SELECT DISTINCT `city` FROM `terrains` ORDER BY `city` ";
    $out = mysqli_query($db,$city);
    if (mysqli_num_rows($out) > 0) {
      while ($row = mysqli_fetch_assoc($out)) {
        ?><option value= <?php echo $row['city']?>><?php echo $row['city']?></option><?php
      }
    }
    ?>
  </select>
</div>
<div class="type">
  <label for="type">Type<label>

  <select class="form-control" id="type" name="type" onchange="getSTD(this.value ,'~~~??')">
    <option value="">--Choose a type--</option>

  </select>
</div>
</div>

Answer 1

Я не знаю, является ли это правильным способом сделать это, но вот как я решил это: я использовал функцию для хранения города

~~~~html
                <div>
                  <label for="city">City<label>
                  <select class="form-control" id="city" name="city" onchange="getTypo(this.value);storeCity();">
                    <option value="">--Choose a city--</option>
                    <?php
                    $city = "SELECT DISTINCT `city` FROM `terrains` ORDER BY `city` ";
                    $out = mysqli_query($db,$city);
                    if (mysqli_num_rows($out) > 0) {
                      while ($row = mysqli_fetch_assoc($out)) {
                        ?><option value= <?php echo $row['city']?>><?php echo $row['city']?></option><?php
                      }
                    }
                    ?>
                  </select>
                </div>
                <div class="type">
                  <label for="type">Type<label>
                  <select class="form-control" id="type" name="type" onchange="getSTD(this.value , storeCity())">
                    <option value="">--Choose a type--</option>
                  </select>
                </div>

вот функция storeCity:

function storeCity(){
  var x = document.getElementById("city");
  var val = x.options[x.selectedIndex].value;
  return val;
}