arendjr/selectivity

Redisplay form after submission. Selected options can't be removed.

Open

#186 创建于 2017年4月5日

在 GitHub 查看
 (1 评论) (0 反应) (0 负责人)JavaScript (1,103 star) (116 fork)batch import
help wanted

描述

I am trying to use Selectivity.js for a multi-select on a form with several other inputs. Upon submission, when the form is redisplayed (because of validation errors in other fields), I display the previously selected options back by using "selected" in those options.

Now, if I try to remove any of the options I had selected in the previous step and resubmit the form, the removed options continue to be selected. And that is understandable, because clicking the remove icon does not remove it from the element. How can I make the removed items also removed from the element. Or is there another way to accomplish this.

Thanks!

贡献者指南

技术栈
javascript
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1-3 hours
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
stale
清晰度议题是否清楚说明期望改动、验收标准和下一步。
mostly clear
前置要求
Basic JavaScriptFamiliarity with Selectivity.js usage
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
60
研究方向
The issue is that removing a selected option from the UI does not update the underlying <select> element. Investigate the Selectivity.js source code to understand how it handles removal of selected items. Look for methods like `removeItem` or event handlers for the remove icon. Check if the library syncs with the original <select> element. The fix likely involves ensuring that when a selected option is removed, the corresponding option in the <select> is also deselected or removed. Consider the library's documentation or source files such as `src/selectivity.js` or `src/selectivity input.js`.