Abhilash.J.A Ответов: 1

Как привязать код страны к текстовому полю ?

Я работаю над MVC 5, есть страница просмотра, которая содержит,

<pre>@Html.TextBoxFor(model => model.MobileNumbers, new { Name = "MobileNumbers", @id = "iduserMobile", @class = "form-control input-sm ", @placeholder = "Mobile Number", @maxlength = "15" })


Вид текстового поля выглядит так, как показано на рисунке ниже,
[^]

Что я уже пробовал:

Как я могу привязать код страны внутри текстового поля (например: '+91') после выбора страны из drowpdown change?

Вот изображение структуры таблицы БД,
[^]

Как я могу это сделать?

1 Ответов

Рейтинг:
12

Karthik_Mahalingam

обратитесь к этому образцу

Контроллер

public class Country
   {
       public int CountryCode { get; set; }
       public string CountryName { get; set; }
   }


   public class HomeController : Controller
   {
       public ActionResult Index()
       {
           List<Country> lst = new List<Country>();
           lst.Add(new Country() { CountryName = "India", CountryCode = 91 });
           lst.Add(new Country() { CountryName = "Sri lanka", CountryCode = 92 });
           lst.Add(new Country() { CountryName = "Japan", CountryCode = 93 });
           ViewBag.Countries = new SelectList(lst, "CountryCode","CountryName");
           return View();
       }

   }


Смотреть

<script>
    function changeCountry(obj) {
        document.getElementById('iduserMobile').value = '+ ' + obj.value;

    }
</script> 

@Html.DropDownList("Countries", (SelectList)ViewBag.Countries, "Choose Countr", new { @onchange = "changeCountry(this)" })
@Html.TextBoxFor(model => model.MobileNumbers, new { Name = "MobileNumbers",  @id = "iduserMobile", @class = "form-control input-sm ", @placeholder = "Mobile Number", @maxlength = "15" })