JSFiddle - React, Tailwind, and code Playground

by 7418

HTML

<html>
<h3>For separating Email addresses use "," or ";"</h3>
<input type="text" class="" id="email_to" value="" placeholder="Enter Email" autocomplete="off"/>
<ul class="services" id="auto_email_to">
                    
</ul>
</html>

CSS

#auto_email_to
{
    border:1px solid #cccccc;
    width:auto;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:15px;
    height:auto;
    margin-top:0px;
    list-style:none;
    position: absolute;   /*display:none;*/
    padding: 0; 
    background-color: #EAEAEA;
    z-index:1;
    box-shadow:6px 6px 8px #cccccc;
}

#auto_email_to li
{
    height:25px;
}

#email_to
{
    width:800px;
}

.services li.selected{
    background-color:#636060;
    color:#ffffff;
}

JavaScript

var email_to = ["Albert@tom_jerry123.com","Allen@tom_jerry123.com","Aladin@tom_jerry123.com","Nilesh@tom_jerry123.com","Dharmesh@tom_jerry123.com","Aakesh@tom_jerry123.com","Pankaj@tom_jerry123.com","Vijay@fakebook.com","Manoj@fakebook.com","Zahir@fakebook.com","Mukesh@fakebook.com","Kishor@fakebook.com","Sachin@fakebook.com","Rakesh@fakebook.com"];

$(document).ready(function(){

var seperator = "";


//alert(123);
if($("#email_to").length > 0) 
    { 
    
        $("#email_to").unbind('keyup').keyup(function(e){ 
            var str = $("#email_to").val(); 
        
            var last_char = str.slice(-1); 
        
           
            if(last_char == ",") 
            { 
                
                seperator = ",";    
            } 
            else if(last_char == ";") 
            { 
               
                seperator = ";";    
            } 
        
            
        
            if(seperator == ",") 
            { 
                if(str.lastIndexOf(",") == -1)  //','; 
                { 
                    //var Index = ""; 

                } 
                else 
                { 
                    
                    var Index = str.lastIndexOf(",")+1;  //','; 
                } 
    
            } 
            else if(seperator = ";") 
            { 
                if(str.lastIndexOf(";") == -1)  //','; 
                { 
                    //var Index = ""; 
                    
                } 
                else 
                { 
                    
                    var Index = str.lastIndexOf(";")+1;  //','; 
                } 
        
            } 
        
            if(Index < str.length) 
            { 

                
                var result = str.substring(str.lastIndexOf(""+seperator+"") + 1);  //','; 
                
                if(e.keyCode == 13)  
                {//("Enter"); 
                    
                    var text_value = $("#email_to").val(); 
                    var...