在多重选择框中识别唯一值

W

我遇到了需要您的专业知识来解决问题的情况。

我有三个多重选择文本框,分别RolesDatabaseRolesAssignedOnDatabase

角色选择框有值:Read, Write, DBAdmin, UserAdmin数据库选择框具有值:ABC,XYZ。RolesAssignedOnDatabase选择框为空。

现在,用户必须从“角色”选择框中选择一个值,然后从“数据库”选择框中选择一个值,最后单击“添加”按钮,这将像Roles@Database (for eg: read@ABC, read@XYZ)在第三个多重选择框中(RolesAssignedOnDatabase)一样添加一个字符串模式

现在我遇到的麻烦是,如果选择相同的值,您在添加按钮上单击了两次,那么第三个选择框将获得重复的值,例如

 read@ABC,read@ABC,read@XYZ.

如何在javascript中的multiselect框中识别重复的字符串值而无需循环比较每个值?

(PS我没有足够的声誉来粘贴UI图片)。

尼尔·沙阿

您可以使用.find()jQuery:

if($("#multi-select-wrapper").find(":contains('" + value + "')").length == 0) {
    ... // Add the element here.
}

或者,如果您更喜欢普通的javascript,则可以使用此技巧来创建选项值:

<option class="read@abc" value="read@abc">read@abc</option>

然后,您可以使用:

var temp = document.getElementsByClassName(value)
if(temp.length == 0) {
    ... // Add the element here.
}

不推荐使用此方法,因为class不是有效的html属性,尽管它适用于大多数浏览器(希望如此):Fiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用文本框值过滤多重选择中的值

来自分类Dev

从多重选择中获取选定的值

来自分类Dev

在多重选择下拉列表中检查重复的值

来自分类Dev

查询中的AngularJS多重选择

来自分类Dev

将具有多重选择的列表框值插入表

来自分类Dev

CMFCPropertyGridCtrl多重选择

来自分类Dev

硒的多重选择

来自分类Dev

多重选择ListTile

来自分类Dev

CMFCPropertyGridCtrl多重选择

来自分类Dev

DataTable多重选择

来自分类Dev

多重选择-取消选择的值返回null

来自分类Dev

多重选择编辑表单选择的值

来自分类Dev

多重选择-取消选择的值返回null

来自分类Dev

不使用ctr或shift的多重选择框

来自分类Dev

单击时如何展开html多重选择框

来自分类Dev

在Jenkins扩展选择参数插件中访问多重选择值

来自分类Dev

MaterializeCSS-多重选择-取消选择后值保留在数组中

来自分类Dev

在Jenkins扩展选择参数插件中访问多重选择值

来自分类Dev

为什么我不能在zk框架中对列表框使用多重选择?

来自分类Dev

清除剑道多重选择的选定值

来自分类Dev

jQuery Mobile-如何设置多重选择的值?

来自分类Dev

Struts2 jQuery多重选择值

来自分类Dev

引导多重选择以获取optgroup和option的值

来自分类Dev

使用$(this)每个循环的多重选择值

来自分类Dev

Struts2 jQuery多重选择值

来自分类Dev

如何从JS生成选项值到jQuery多重选择中

来自分类Dev

如何使用jQuery从多重选择中获取选定的选项值

来自分类Dev

如何在Laravel 5.2中存储多重选择值

来自分类Dev

如何使用jQuery从多重选择中获取选定的选项值