Attribuer des options de liste déroulante Multiselect à une variable chaîne en Javascript

Question

Je voudrais stocker quelques options d'une fonction déroulante HTML multisélect à une autre variable en 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> 

Il doit être stocké dans cette variable de chaîne 'editval [oxarticles__oxmerkmaleaa]' avec tout changement de l'événement. La variable est déjà dans le formulaire de ce script.

J'ai besoin de savoir comment cela fonctionne?

J'apprécierais votre aide.

Answer 1

Nous créons un écouteur d'événement change et lui transmettons une fonction. Voir en action, exemple de travail.

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>