Introduction
The purpose of this post is to remove the close icon from the select2 plugin for the value which comes from Item Source.
Challenges faced:
Select2 is an external plugin for selecting multiple values at a time. On default, the plugin doesn’t have any option to remove the close icon.
Steps to follow
Step 1: Create a a page level item
Step 2: Created a dynamic action with event as on Page load and called a JavaScript
function.
Step 3: Added JavaScript below code in the page header
Code:
function remove_close()
{
var a=$(“#P94_ROLE”).val();
//alert(a);
if (a.length!=0)
{
var numbers = a.toString().split(‘,’);
for(var i = 0; i < numbers.length; i++)
{
var b=numbers[i];
$(“ul.select2-choices li”).each(function(){
var s= $(this).text();
s=s.trim()
if (s==b)
{ var z=$(this).find(“div”).next().removeClass(“select2-search-choice-close”);
//alert(‘s = ‘+s);
} });} }}
Output:
Call To Action:
For Oracle apex development and customization please do contact our company website https://doyensys.com/
Conclusion
Thus using the above method, the user can add new value without removing the existing values.
