пользователь строит фильтр («выбор») из выпадающего списка

Question

Я написал этот код:

<script language="JavaScript" type="text/javascript"> 
<!-- 
function PassClient(){ 
    var InputValueClient = document.getElementById('ValueClient').value; 
    if(document.getElementById('storevaluesClient').value == false) {document.getElementById('storevaluesClient').innerHTML = InputValueClient;} 

    else { 
     document.getElementById('storevaluesClient').innerHTML += ", "+InputValueClient;  
     } 
}  
//--> 
</script> 


<select multiple="multiple" style="height:80px" name="ValueClient" id="ValueClient" onclick="PassClient()"> 
    <option value="Mike">Mike</option> 
    <option value="Bell">Bell</option> 
    <option value="Natal">Natal</option> 
    <option value="Charlie">Charlie</option> 
    <option value="Nour">Nour</option> 
</select> 

<textarea rows="6" cols="80" id="storevaluesClient" name="storevaluesClient" style="font-family:Zurich Ex BT; color:#98AFC7"></textarea> 

это в основном при нажатии на кнопку в списке элемент перейти на TEXTAREA, это Этакий пользователь построив выделение, список перейдет к более чем 100 именам.

Проблема заключается в том, что когда вы щелкаете назад и вперед от клиентского окна к выбору клиента, чтобы удалить или обновить выбранное имя клиента, форма не позволит вам выбрать больше клиентов, как только вы нажмете на это поле и внесите в него изменения ,

Есть ли у вас предложение какого-либо решения или альтернативного метода для создания подобной вещи.

любые мысли наша помощь будет оценена высоко!

Большое спасибо!

Answer 1

Изменить как .innerHTML на .value. document.getElementById('storevaluesClient').value

Answer 2

<script language="JavaScript" type="text/javascript"> 
<!-- 
var InputValueClient; 
var ValueClient; 
function PassClient(){ 
    InputValueClient = document.getElementById('ValueClient'); 
    ValueClient = document.getElementById('storevaluesClient'); 

    if(ValueClient.value == false) { 
     ValueClient.value = InputValueClient.value; 
    }else { 
     ValueClient.value += ", "+InputValueClient.value;  
    } 
} 
//--> 
</script> 

<select multiple="multiple" style="height:80px" name="ValueClient" id="ValueClient" onclick="PassClient()"> 
    <option value="Mike">Mike</option> 
    <option value="Bell">Bell</option> 
    <option value="Natal">Natal</option> 
    <option value="Charlie">Charlie</option> 
    <option value="Nour">Nour</option> 
</select> 

<textarea rows="6" cols="80" id="storevaluesClient" name="storevaluesClient" style="font-family:Zurich Ex BT; color:#98AFC7"></textarea>