Javascript 从下拉列表中发布不带'的Url;提交';按钮

Javascript 从下拉列表中发布不带'的Url;提交';按钮,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,在我看来,我有下拉列表: @Html.DropDownList("InnerId", Model.GroupDropDownList, new { @class = "select_change" }) 我希望能够提交值时,用户只是点击选择,而不是选择并使用提交按钮。我创建了下面的脚本来尝试这样做,但它不会接受我的变量dropdownValue的值,因为它只是说在当前上下文中不存在 $('.select_change').change(function () { var dropd

在我看来,我有下拉列表:

@Html.DropDownList("InnerId", Model.GroupDropDownList, new { @class = "select_change" })  
我希望能够提交值时,用户只是点击选择,而不是选择并使用提交按钮。我创建了下面的脚本来尝试这样做,但它不会接受我的变量
dropdownValue
的值,因为它只是说
在当前上下文中不存在

$('.select_change').change(function () {
    var dropdownValue = $('.select_change').val();
    $.ajax({
        type: "POST",
        url:"@Url.Action("Group","EditMembers", new { @innerid= dropdownValue})"
    })
})

请注意,这个问题是从其他各种类似的问题和答案中拼凑而成的,但我一直无法让堆栈上的任何其他类似问题为我工作。因此,请不要将这个问题标记为重复,因为我确实需要一些关于我的具体示例的帮助。谢谢。

这是一个可能的解决方案…

$('.select_change').change(function () {
var dropdownValue = $('.select_change').val();
var url = '@Url.Action("Group","EditMembers")';
$.ajax({
    type: "POST",
    url: url,
    data: {'innerid':dropdownValue }
    })
})

这是一个可能的解决方案…

$('.select_change').change(function () {
var dropdownValue = $('.select_change').val();
var url = '@Url.Action("Group","EditMembers")';
$.ajax({
    type: "POST",
    url: url,
    data: {'innerid':dropdownValue }
    })
})

@Url.Action()
是razor代码,它在发送到视图之前在服务器上进行评估
dropdownValue
是一个javascript变量,在该点上不存在(它不在范围内)。对,有什么建议我如何传递innerId参数吗?使用
@Url.Action(“组”、“编辑成员”)
生成基本url,然后追加
'&innerid='+dropdownValue
@StephenMuecke我认为唯一的解决方案是使用javascript/jquery。我说得对吗?@Alex,是的,javascript是对客户端事件做出反应的唯一方法(但这不是一个好主意,也不是推荐的UI)
@url.Action()
是服务器上的razor代码,在将其发送到视图之前对其进行评估。
dropdownValue
是一个javascript变量,在该点上不存在(不在范围内)。对,有没有建议如何传递innerId参数?使用
@Url.Action(“Group”,“EditMembers”)
生成基本Url,然后追加
'&innerid='+dropdownValue
@StephenMuecke我认为唯一的解决方案是使用javascript/jquery。我说的对吗?@Alex,是的,javascript是对客户端事件做出反应的唯一方法(但这不是一个好主意,也不是一个推荐的UI)。我正在考虑相同的解决方案。这看起来很好,但由于一些令人困惑的原因,我得到了一个404 not found错误。当我复制链接地址并将其粘贴到地址栏中时,它会起作用。这很奇怪。这里是控制台中的错误:jquery-1.9.1.min.js:5 POST 404(未找到)啊,我找到了404错误的原因,它是一个GET方法,而不是POST。它几乎成功了,它现在使用正确的参数执行正确的操作,获取模型中所有正确的数据,然后出于某种原因拒绝渲染视图。我现在已经放弃了,只打算用一个提交按钮来代替。最后,只需为每个列表项使用一个带有href的引导下拉列表就很容易了。我也在考虑同样的解决方案。这看起来很棒,但由于一些令人困惑的原因,我得到了一个404NotFound错误。当我复制链接地址并将其粘贴到地址栏中时,它会起作用。这很奇怪。这里是控制台中的错误:jquery-1.9.1.min.js:5 POST 404(未找到)啊,我找到了404错误的原因,它是一个GET方法,而不是POST。它几乎成功了,它现在使用正确的参数执行正确的操作,获取模型中所有正确的数据,然后出于某种原因拒绝渲染视图。我现在已经放弃了,只打算用一个提交按钮来代替。最后,只需为每个列表项使用一个带有href的引导下拉列表就很容易了。