javascript - 将下拉列表值从 View 传递到 Controller

Question

我有一个带有多个选项的选择标签，每个选项都指定了一个值。

<select id="dropdown">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
</select> 

此外，我还有以下 JQuery 脚本。

$(function() {
    $(#dropdown).change(function() {
        var option = $(this).find("option:selected").text();
        var optionValue = $(this).val(); 

我已经使用“警报”检查了这两个值，它们是正确的。现在我想将这些值从 View 传递到 Controller 。我将选择标记放在表单中，并尝试对两个值使用“.submit()”，但这会导致脚本崩溃。我不确定我是否正确使用了“.submit()”，因为我是 JavaScript 和 Jquery 的初学者。简而言之，如何将选项标签值获取到 Controller 的方法中？

编辑 1

选择标签是在一个表单中，我一直在尝试像这样提交:

$(this).val().submit()

编辑2

此外，这是我试图获取值的 Controller 方法。

[HttpPost]
public ActionResult Index(string dropdown)
{
    string value = dropdown; 

    //--- conditional logic ---

    return View()
}

Answer 1

使用submit()您的下拉菜单必须位于 <form> 中

<form method="POST" action="yourControllerUrl/MyAction">
    <select id="dropdown" name="dropdownName">
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
        <option value="4">Option 4</option>
     </select> 
</form>

在 Controller 中:

public ActionResult MyAction(string dropdownName)
{        
      // use your dropdown value here 
}