Jquery在列表框中添加和删除项目

Question

我创建了这个小提琴,它允许用户点击艺术或视频,动态填充第二个列表框以及与这些选择相关联的列表.有两个按钮,一个用于将选项添加到框中,另一个用于删除选择.

我想做的是阻止用户添加一些已经添加的内容.选项的价值都是Guids.奖励积分如果您可以修改小提琴使用Guid而不是整数.

我试过这个:

$.each($("#SelectBox2 option:selected"), function (i, ob) {
    if (i == $(this).val()) {

    } else {
        inHTML += '<option value="' + $(this).val() + '">' + $(this).text() + '</option>';
    }
});

我想让用户从列表中删除所选项目.

谢谢,

UPDATE只是让你们知道的解决方案是什么,我想出了,我得到了加分,因为我在一个非常聪明的方式添加GUID吧:) 小提琴,我也收拾了HTML,使它看起来漂亮整洁.

主要更新非常感谢所有为这个问题做出贡献的人,我已经接受了每个人的评论和小提琴,并产生了这个>> 小提琴 <<

Answer 1

我想你会想做这样的事情:用JQuery检查值是否在选择列表中.

将代码修改为类似的代码应该有效:

$("#SelectBox2 option:selected").each(function () {
    var optionVal = $(this).val();
    var exists = false;
    $('#SelectedItems option').each(function(){
        if (this.value == optionVal) {
            exists = true;
        }
    });

    if(!exists) {
        inHTML += '<option value="' + $(this).val() + '">' + $(this).text() + '</option>';
    }
});

删除所选项目将如下所示:

$('#remove').click(function () {
    $("#SelectedItems option:selected").remove();
});