从下拉菜单中获取价值＆amp;在Bootstrap CSS中的文本字段中显示它

Question

我正在尝试构建一个下拉菜单，当我从列表中选择一个值时，我会在旁边的文本字段中显示该值。我为此目的使用Bootstrap CSS和JQUERY。

这就是我所拥有的：

 path_to_asset(source, options.merge(:protocol => :request))

问题如下：当我点击下拉菜单中的值时，它会出现在文本字段中，但它会立即消失。为什么会这样？

Answer 1

使用onChange和.val()：

$('#demolist').on('change', function(){
    $('#inputShp').val($(this).val());
});

如果是下拉菜单，请使用：

$('#demolist').on('click', function(){
    $('#inputShp').val($(this).find("a").text());
});