javascript - 从所选选项中获取文本并将其放入文本框中

Question

我使用 php 从数据库中填充国家，并且取决于选择的国家/地区，城市将显示在第二个选择框中。

现在我希望选定的城市出现在文本区域中。如果用户再次更改城市，则 textarea 值需要更改为。

这就是我所拥有的。

    <div class="form-group">
      <label for="country_id" class="col-sm-3 control-label"><?php echo get_phrase('country'); ?></label>

      <div class="col-sm-7">
        <select name="country_id" id = "country_id" class="select2" data-allow-clear="true" data-placeholder="<?php echo get_phrase('select_country'); ?>" onchange="getCityList(this.value)">
          <option value="0"><?php echo get_phrase('none'); ?></option>
          <?php foreach ($countries as $country): ?>
            <option value="<?php echo $country['id']; ?>"><?php echo $country['name']; ?></option>
          <?php endforeach; ?>
        </select>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label" for="city_id"> <?php echo get_phrase('city'); ?></label>
      <div class="col-sm-7">
        <select class="form-control select2" name="city_id" id="city_id">
          <option value=""><?php echo get_phrase('select_city'); ?></option>
        </select>
<textarea id="myPick"></textarea>
      </div>
    </div>

我已尝试添加此 javascript，但没有任何反应。

<script>
$('select[name="city_id"]').change(function(){
    var text = $(this).find("option:selected").text();
    if(text != ""){
       text = "Buy "+text;
    }

    $('#myPick').val(text);
});

</script>

标签： javascriptphphtml