javascript - 将下拉列表中的选项从一个移动到另一个后获取选项的值

Question

我有 2 个下拉菜单，我可以使用按钮将对象从一个下拉菜单移动到另一个下拉菜单。我想在将它们从一个下拉列表移动到另一个下拉列表后获取更新的值。数组中的值将为空。

如何获取数组中所有选项的更新值。我需要从一个函数(如函数 AddFiles(iniIdArray,afterIdArray)

)将更新后的值传递给 Controller

http://jsfiddle.net/678hmujh/1/

var varInitialId = document.getElementById('iniId');
   for (i = 0; i < varInitialId.options.length; i++) {
         iniIdArray[i] = varInitialId.options[i].value; 
    }

    var varAfterId = document.getElementById('afterId');
    for (i = 0; i < varAfterId.options.length; i++) {
         afterIdArray[i] = varAfterId.options[i].value;
    }    

Answer 1

您可以使用 map :http://jsfiddle.net/678hmujh/4/

$('#listButton').on('click', function() {
    var first = $('#iniId option').map(function(){ return this.value; });
    var second = $('#afterId option').map(function(){ return this.value; });
    console.log( first.toArray() );
    console.log( second.toArray() );
});

通过执行first.toArray()或second.toArray()，您可以获得所构建内容的基本JavaScript数组。