複数選択ドロップダウンオプションを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>