如何将下拉更改事件的值传递给控制器 [英] How to pass value on dropdown change event to controler

问题描述

我无法在Controler中获得价值。如果代码中有任何问题，请指导我。



页面： -

I am not able to get value in Controler..Please guide me if any thing wrong in code.

PAGE :-

@model WCFWithMVC.Models.EmployeeModel

@{
    ViewBag.Title = "EmpDetail";

}

<script type="text/javascript">

//    $(document).ready(function () {
//        $('#BtnSubmit').click(function () {

//            var text = $('#RoleCode :selected').text();
//            alert(text);

//            var k = $('#Address').val();
//            alert(k);

//            var Seleted = $('#RoleCode').val();
//            alert(Seleted);

//
//        });

////        $("#RoleCode").change(function () {
////        $.ajax({
////           url: "Employee/ActionName",
////           type: 'POST',
////           cache: false,
////           data: { Selected: $("# Selected").val() },
////           success: function (data) {
////             //
////           }
////         });

//    });


    $(document).ready(function () {
        $("#RoleCode").change(function () {
            $.get("/Employee/ActionName", "Himan", function (data) {
                alert(data);
            });
        });
    });


    function somefunction() {
        $.ajax({
            url: 'Employee/ActionName'+"Himan", // SomeController, ActionName
            type: 'POST',
            data: "Himan",
            datatype:"json",
            success: function (data) {
                // Success Callback
                alert(data)
            }
        });
    }
</script>
<h2>EmpDetail</h2>

This is Employee Page

<table style="width:100%">
<tr>
<td style="width:20%;text-align:right">Employee:</td>
<td style="width:80%;text-align:left"> @Html.EditorFor(k => k.Address)</td>
</tr>
<tr>
<td style="width:20%;text-align:right">Salary:</td>
<td style="width:80%;text-align:left">@Html.EditorFor(k=>k.Salary)</td>
</tr>
<tr>
<td style="width:20%;text-align:right">Sex:</td>
@*<td style="width:80%;text-align:left"> @Html.DropDownListFor(k => k.RoleCode, ViewData["Rolenames"] as SelectListItem[], new { onchange = "somefunction();" })</td>*@
<td style="width:80%;text-align:left"> @Html.DropDownListFor(k => k.RoleCode, ViewData["Rolenames"] as SelectListItem[])</td>
</tr>
<tr>
<td style="width:20%;text-align:right">Add:</td>
<td style="width:80%;text-align:left">@Html.TextBox("Add")</td>
</tr>
<tr>
<td style="width:20%;text-align:right">Martial Status:</td>
<td style="width:80%;text-align:left">@Html.Label("Single")&nbsp;&nbsp; @Html.RadioButtonFor(k=>k.MartialStatus,"0")&nbsp;&nbsp @Html.Label("Married") &nbsp;&nbsp;@Html.RadioButtonFor(k=>k.MartialStatus,"1") </td>
</tr>
<tr>
<td style="width:20%;text-align:center" colspan="2"><input type="submit" id="BtnSubmit" value="Submit" /></td>
</tr>
</table>

JQUERY

<pre lang="php">$(document).ready(function () {
        $(&quot;#RoleCode&quot;).change(function () {
            $.get(&quot;/Employee/ActionName&quot;, &quot;Himan&quot;, function (data) {
                alert(data);
            });
        });
    });</pre>

CONTROLER:-

<pre lang="cs">public ActionResult ActionName(string Selected)
        {
            FillDDL();
            var result = new { Success = &quot;True&quot;, Message = &quot;Some Info&quot; };
            return Content(&quot;Himan&quot;);
        }

        public void FillDDL()
        {
            var listItems = new SelectListItem[] {
                            new SelectListItem(){Text=&quot;Corporate&quot;,Value=&quot;c&quot;},
                            new SelectListItem(){Text=&quot;Divisional&quot;,Value=&quot;d&quot;},
                            new SelectListItem(){Text=&quot;Regional&quot;,Value=&quot;r&quot;},
                            new SelectListItem(){Text=&quot;Facility&quot;,Value=&quot;f&quot;},
                            new SelectListItem(){Text=&quot;Resource&quot;,Value=&quot;s&quot;},
            };
            ViewBag.RoleNames = listItems;
        }</pre>

推荐答案

（document）.ready（function（）{
//

(document).ready(function () { //

（'＃BtnSubmit'）。click（function（）{

// var text =

('#BtnSubmit').click(function () { // var text =

（'＃RoleCode：selected'）。 text（）;
// alert（text）;

// var k =

('#RoleCode :selected').text(); // alert(text); // var k =

这篇关于如何将下拉更改事件的值传递给控制器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！