自动选择<选项>添加到<选择> </选择> </选项>

Question

我使用javascript或jquery将“option”添加到“select”。

我想选择上次添加并滚动滚动条到最底部。

我添加这样的文字

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

这是选择元素。

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

我认为这将是onchanged事件，但我不能再想了。

谢谢

Answer 1

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

Here's小提琴

Answer 2

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

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

Answer 3

1：为你的select元素编写一个on-change listener

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

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

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