自动选择 <option>添加到<select>

Question

我用javascript或jquery将“选项”添加到“选择”中。

我想选择最后添加的内容并将滚动条滚动到最底部。

我添加这样的文字

function ConsoleOutputAdd(text){
    var content = '<option>'+ text +'</option>';
    $consoleoutput.append(content); 
}

这是选择元素。

<select id="consoleoutput" size="4">></select>

我认为这将与变化的事件，但我不能再想任何其他的事情了。

谢谢

Answer 1

$('#consoleoutput').find('option:last').prop('selected', true ); 

这是一个小提琴

Answer 2

您可以像这样选择列表中的最后一项：

var sel = document.getElementById('consoleoutput');
sel.selectedIndex = sel.options.length - 1;

Answer 3

1：为您的select元素编写一个不断变化的侦听器

$('#consoleoutput').change(function(){
   // scroll
})

2：添加此以选择您添加的选项：

$("#consoleoutput").val(text);