Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用户从下拉列表中构建筛选器(';选择';)_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 用户从下拉列表中构建筛选器(';选择';)

Javascript 用户从下拉列表中构建筛选器(';选择';),javascript,jquery,html,css,Javascript,Jquery,Html,Css,我写了这段代码: <script language="JavaScript" type="text/javascript"> <!-- function PassClient(){ var InputValueClient = document.getElementById('ValueClient').value; if(document.getElementById('storevaluesClient').value == false ) {d

我写了这段代码:

<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>

迈克
钟
出生的
查理
努尔
它基本上是当你点击列表时,元素移动到文本区域,它有点像用户建立一个选择,列表中有100多个名字

问题是,当您在“客户端”框到“客户端选择”之间来回单击以删除或更新选定的客户端名称时,表单不允许您在单击该框并对其进行更改后再选择任何客户端

你们有什么解决方案或替代方法来做类似的事情吗

我们将非常感谢您的帮助


非常感谢

.innerHTML
更改为
.value
<代码>文档.getElementById('storevaluesClient')。值
<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>
迈克 钟 出生的 查理 努尔
它可以完美地工作!!非常感谢你!!你知道为什么innerHTML不起作用吗?非常感谢您对问题的编辑和出色的回答!再次感谢@innerHTML通常用于容器元素,如div和span。值用于表单元素。很高兴我能帮忙!