如何在JavaScript/jQuery中设置/重置先前选择的多选择选项
How to set/Reset the previously selected multi Select option in JavaScript/jQuery
在我的应用程序中,用户选择了不同的团队&根据球队,他选择一些球员。现在用户正在更新他的团队选择。自从他选择了"皇家挑战者"团队以来;一些球员。他不允许这样做,一旦他从"皇家挑战者"或任何球队中删除了球员,那么只有他才可以更新他的球队选择。因此,在更新他的团队之前(在onChange()之前),我正在检查球员计数&如果玩家数大于1,则显示一个弹出窗口,通知他删除玩家。现在单击"OK",他应该看到之前选择的球队名称。
这是我的代码。
const prevSelected = $('#teams :selected').map(function() {return $.trim($(this).text())}).get();
//prev selected value is : Kolkata,Delhi,Royal Challengers
$('#teams').on('change', function(){
const selected = $('#teams :selected').map(function() {return $.trim($(this).text())}).get();
var count = $("#teamName").find("br").length;
if(count >= 1){
//here user is updating his team.
if( selected.indexOf('Royal Challengers') == -1){
alert("There are currently "+count+" players with "+ teamName +". These players must be migrated to a different teams before you can remove the Team 'Royal Challengers' from this Tournament");
// code to get the previous selected players
return;
}
}
}
我试过了,但是没有成功-
if(count >= 1){
//user changes, if the new selected option contains other than "Royal Challengers" then display the pop up & clicking on "OK" display the previous selected teams.
if( selected.indexOf('Royal Challengers') == -1){
alert("-------");
$(prevSelected).prop('selected', true);
}
}
请帮。
这就解决了我的问题-
for(var i=0;i<selected.length;i++){
if(selected[i]!=''){
$('option:contains('+selected[i]+')').prop('selected', false);
}
}
for(var i=0;i<prevSelected.length;i++){
if(prevSelected[i]!=''){
$('option:contains('+prevSelected[i]+')').prop('selected', true);
}
}
相关文章:
- CKeditor:更改对话框中的默认选择选项
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- AngularJs列表ng单击以选择选项转换
- 使用基于文本的 Jquery 选择选项
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 选择选项时如何显示警报
- 使用php动态更改选择选项
- 选择“选择选项”时显示文本.怎么做
- LEAFLET地图和带有选择选项的标记-ANGULARjs
- 使用js将动态内容添加到选择选项列表中
- 用于使用javascript循环选择选项
- AngularJS-选择选项并在函数中使用它
- 禁用/启用基于单选/选择选项所选Javascript的文本框
- 如何使用jQuery隐藏与选择选项相关的选择选项列表
- 选择选项是添加或删除事件
- 使用jQuery向“选择选项”添加默认属性
- 构建HTML选择字段并使用JavaScript数组选择选项
- 带有动态选择选项的Firefox html5验证异常
- 只有当Angular从资源对象检索数据时,才选择选项元素