将多选下拉选项分配给Javascript中的字符串变量

Question

我想将多个选项从HTML多选下拉功能存储到Javascript中的另一个变量中。

<form name="myedit" id="myedit" action="next.php" method="post" onsubmit="return copyLongDesc('oxarticles__oxlongdesc');" 
    <select id="Project" name="Data" size="10" multiple="multiple" onchange="rewrite_data();"> 
     <option value="1">1</option> 
     <option value="2">2</option> 
     <option value="3">3</option> 
     <option value="4">4</option> 
     <option value="5">5</option> 
    </select> 
</form> 

它必须存储在这个字符串变量'editval [oxarticles__oxmerkmaleaa]'与任何更改事件。这个变量已经以这个脚本的形式出现了。

我需要知道我是如何得到这个工作的？

我将不胜感激您的帮助。

Answer 1

我们创建一个事件监听器change并将函数传递给它。在行动中看到它，工作的例子。

var select = document.getElementById('Project'); 
 

 
function selectedOptions() { 
 
    var result = []; 
 
    var options = this.options; 
 

 
    for (i = 0; i < options.length; i++) { 
 
    var option = options[i]; 
 

 
    if (option.selected) { 
 
     result.push(option.value); 
 
    } 
 
    } 
 
    
 
    console.log(result); 
 
    return result; 
 
} 
 

 
select.addEventListener('change', selectedOptions);

<select id="Project" name="Data" size="10" multiple="multiple" > 
 
     <option value="1">1</option> 
 
     <option value="2">2</option> 
 
     <option value="3">3</option> 
 
     <option value="4">4</option> 
 
     <option value="5">5</option> 
 
    </select>