[Fork] Jquery Sample | C# Online Compiler

[Fork] Jquery Sample by Nguyen Viet Hien

using System;
using System.ComponentModel.DataAnnotations;

namespace HelloWorldMvcApp
{
	public class SampleViewModel
	{
		public int Id
		{
			get;
			set;
		}

		public string Name
		{
			get;
			set;
		}
	}
}

Model

​x
 
using System;
using System.ComponentModel.DataAnnotations;
​
namespace HelloWorldMvcApp
{
    public class SampleViewModel
    {
        public int Id
        {
            get;
            set;
        }
​
        public string Name
        {
            get;
            set;
        }
    }
}

@model HelloWorldMvcApp.SampleViewModel
@{
	Layout = null;
}

<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->

<html lang="en">
	<body>

		@(Html.DropDownListFor(m => m.Name, (SelectList)ViewData["SelectData"], new { id = "ddltest" }))


		<!-- JS includes -->
		<script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
		
		<script type="text/javascript">
			$(function(){	
				//alert($("#ddltest").val());
				if ($("#ddltest").val() == "0") {
			        
    			$("#ddltest option").filter(function() {
    				return $(this).text() == 'Required';
				}).prop("selected", true);
			        //$("#ddltest").find('option[text="Required"]').attr('selected', 'selected');
				}
			});

		</script>
	</body>
</html>

View

 
@model HelloWorldMvcApp.SampleViewModel
@{
    Layout = null;
}
​
<!DOCTYPE html>
<!-- template from http://getbootstrap.com/getting-started -->
​
<html lang="en">
    <body>
​
        @(Html.DropDownListFor(m => m.Name, (SelectList)ViewData["SelectData"], new { id = "ddltest" }))
​
​
        <!-- JS includes -->
        <script src="//ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        
        <script type="text/javascript">
            $(function(){   
                //alert($("#ddltest").val());
                if ($("#ddltest").val() == "0") {
                    
                $("#ddltest option").filter(function() {
                    return $(this).text() == 'Required';
                }).prop("selected", true);
                    //$("#ddltest").find('option[text="Required"]').attr('selected', 'selected');
                }
            });
​
        </script>
    </body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			var list = new[]{new SampleViewModel{Id = 0, Name = "Select"}, new SampleViewModel{Id = 1, Name = "Required"}, new SampleViewModel{Id = 2, Name = "Not Required"}};
			var selectList = new SelectList(list, "Id", "Name", 0);
			ViewData["SelectData"] = selectList;
			return View(new SampleViewModel());
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            var list = new[]{new SampleViewModel{Id = 0, Name = "Select"}, new SampleViewModel{Id = 1, Name = "Required"}, new SampleViewModel{Id = 2, Name = "Not Required"}};
            var selectList = new SelectList(list, "Id", "Name", 0);
            ViewData["SelectData"] = selectList;
            return View(new SampleViewModel());
        }
    }
}

View in Full Screen

View IL Code