将dropdownlist选择的值传递给Ajax.ActionLink

时间:2013-05-07 06:35:08

标签: asp.net-mvc-3 html-select

我的视图中有一个下拉列表,它通过模型填充。我想将所选值传递给
ajax link。

     <select name="dd" id="dd">
              @foreach (var item in Model)
              {
                    <option value="@item.cid" >
                            @item.cname</option>
              }
                   </select>   


        @Ajax.ActionLink("Submit", "Someaction" , new { id =  } , new                   AjaxOptions { UpdateTargetId = "result" })


        <div id="result"></div>

我该如何路由所选的下拉值?请帮忙

1 个答案:

答案 0 :(得分:1)

选定的更改操作是客户端事件,因此您无法使用帮助程序处理此事件。但你可以使用这样的想法:

<select name="dd" id="dd">
   @foreach (var item in Model)
   {
        <option value="@item.cid" >@item.cname</option>
   }
</select>   

脚本

$("#dd").change(function() {
    var selectedVal = $(this).val();

    // in here you have ddl value
    // you can pass this parameter with 
    // ajax and update your result div

    $.ajax({
        url : 'Home/SomeAction',
        data : { selected : selectedValue },
        ...
        success : function(result){
            $("#result").html(result);
        }
    });
});

控制器

public ActionResult SomeAction(int selected)
{
    // selected is the selected value of DDL...

    //return Json/PartialView
}