Concat 2 动态数据使用 Jquery

Question

我想在输入字段中使用 jquery 连接两个动态数据，如下所示

<select id="trigger" name="country" required>
  <?php foreach($country as $c){ ?>
    <option value="<?php echo $c->name;?>"><?php echo $c->name;?></option>
  <?php } ?>
</select>

<input id="autocomplete" type="text" name="street" required>

我试过使用这个脚本

$('#trigger').change(function(){
$('#autocomplete').val($('option:selected',this).text());
});

所以，我得到的是街道文本框中的"Country"，我必须在"Country" 之后添加"Street"。但是，如果我更改 "Country"，我之前输入的 "Street" 就会消失。

如何在不让任何人消失的情况下更改 "Country" 和 "Street"？

提前致谢。

Answer 1

尝试更改：

$('#autocomplete').val($('option:selected',this).text());

为此：

$('#autocomplete').val($('#autocomplete').val()+$('option:selected',this).text());

Answer 2

如果您不想让国家堆积如山。每次更改 select 输入时，您都需要删除输入框中的国家/地区。这是我的代码。

var temp = "";
$('#trigger').change(function(){
  var country = $("#trigger").val();
  var street = $("#autocomplete").val();
  var put = street.replace(" " + temp, "");
  temp = country;
  $('#autocomplete').val(put + " " + country);
});

Concat 2 动态数据使用 Jquery

Concat 2 dynamic data using Jquery

javascript

php

jquery

concat