用户从下拉列表中构建过滤器('选择')

时间:2013-02-15 02:32:25

标签: javascript jquery html css

我写了这段代码:

<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,它是构建选择的用户的SORT,列表超过100个名称。

问题在于,当您从客户端框到客户端选择来回点击以删除或更新选定的客户端名称时,一旦您单击该框并对其进行更改,该表单将不允许您再选择任何客户端。

你们是否有任何解决方案或替代方法的建议来做类似的事情。

任何想法我们的帮助将受到高度赞赏!

非常感谢!

2 个答案:

答案 0 :(得分:1)

.innerHTML更改为.valuedocument.getElementById('storevaluesClient').value

答案 1 :(得分:1)

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