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。值用于表单元素。很高兴我能帮忙!