如何防止重复项

Question

我有一个下拉列表（asp.net控制）和一个列表框控件和一个Add按钮 当用户选择下拉列表项，然后点击Add按钮添加到列表框中。

我怎样才能防止用户在列表框中添加duplciate项目和警告，指出它的了吗？

UPDATE：

在我的特定情况

，我有一个dropdwonlist和添加的项目列表框都是asp.net控件和我添加的代码隐藏的项目和您的解决方案是在客户端纯，有没有一种方法可以读取列表框并比较和提醒消息？

Answer 1

很容易。有了这个简单的标记：

<select id="items"> 
    <option>One</option> 
    <option>Two</option> 
    <option>Three</option> 
</select> 
<input type="button" id="add" value="Add" /> 
<select id="result" multiple="multiple" size="5"> 
</select> 

这将是jQuery的：

$('#add').click(function(){ 
    var item = $('#items').val(); 
    var $result = $('#result>option[value="' + item + '"]'); 
    if($result.length == 0){ 
     $('#result').append('<option value="' + item + '">' + item + '</option>'); 
    } 
    else{ 
     alert('The item "' + item + '" has already been added'); 
    } 
}); 

检查小提琴：http://jsfiddle.net/mKFzz/

编辑：如果你想这样做，因为每@ ryangavin的建议，这里是小提琴：http://jsfiddle.net/baLZN/

Answer 2

一种方法是去除项目形成下拉列表它的加入后，这样用户甚至不能选择它第二次。消除恼人警报的需要。