使用Jquery的Concat 2动态数据

时间:2016-07-16 00:53:15

标签: javascript php jquery concat

我想在输入字段中使用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());
});

所以,我得到的是#34;国家&#34;在街道的文本框中,我必须添加&#34; Street&#34;在&#34;国家&#34;之后。但如果我改变了#34; Country&#34;,&#34; Street&#34;我之前输入的消息。

如何更改&#34;国家&#34;和#34;街&#34;没有人消失?

提前致谢。

2 个答案:

答案 0 :(得分:0)

尝试更改:

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

对此:

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

答案 1 :(得分:0)

如果你不想让国家堆积起来。每次更改选择输入时,都需要在输入框中删除国家/地区。这是我的代码。

var express = require('express');
var app = express();

// set the port of our application
// process.env.PORT lets the port be set by Heroku
var port = process.env.PORT || 8080;

// set the view engine to ejs
app.set('view engine', 'ejs');

// make express look in the public directory for assets (css/js/img)
app.use(express.static(__dirname + '/public'));

// set the home page route
app.get('/', function(req, res) {

    // ejs render automatically looks in the views folder
    res.render('index');
});

app.listen(port, function() {
    console.log('Our app is running on http://localhost:' + port);
});