How to add new option if not exist in the list using select2

ramesh rammi

6y1.5k

Actually i had implement the multiple values jquery autocomplete textbox.if the option or item not found in the list i want to add that option to autocomplete box

Autocomplete.cshtml:

@{
Layout = null;
}
"viewport" content="width=device-width" />
Select2 <span class="keyword">with</span><span> Ajax
"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" />
"https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
"https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js">
"https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js">
class="container">
class="form-group">
for="Select Country">Select Country
"multiple" class="chose-country form-control">

Select2Model:

public class Select2Model
{
public string id { get; set; }
public string text { get; set; }
}

HomeController:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using WebApplication3.Models;
namespace WebApplication3.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
public ActionResult About()
{
ViewBag.Message = "Your application description page.";
return View();
}
public ActionResult Contact()
{
ViewBag.Message = "Your contact page.";
return View();
}
public ActionResult autocomplete()
{
return View();
}
public ActionResult GetEmployeeList(string q)
{
var list = new List();
list.Add(new Select2Model()
{
text = "India",
id = "101"
});
list.Add(new Select2Model()
{
text = "Srilanka",
id = "102"
});
list.Add(new Select2Model()
{
text = "Singapore",
id = "103"
});
if (!(string.IsNullOrEmpty(q) || string.IsNullOrWhiteSpace(q)))
{
list = list.Where(x => x.text.ToLower().StartsWith(q.ToLower())).ToList();
}
return Json(new { items = list }, JsonRequestBehavior.AllowGet);
}
}
}

Actually i had implement the multiple values jquery autocomplete textbox.if the option or item not found in the list i want to add that option to autocomplete box

Please help me.

thanks && Regards

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Rajanikant Hawaldar6y ago
https://select2.org/tagging
https://gist.github.com/waqasraza123/7b61ef89e9ef56d799d80cad071df1fb