將多選下拉選項分配給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>