java - 第一个选项的下拉选定值默认值

Question

这里被难住了。我的页面上有附加的下拉表单。在发生更改事件时，我提交此表单并捕获 Spring Controller 中的值。问题是捕获的值总是为 1。我在这里错过了什么？

<form name="queuePositionForm" id="queuePositionForm" action="/updatePosition" method="post">
    <select name="selPosition" onChange="updatePosition()">
        <option value=""></option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
   </select>
</form>

更新位置

function updatePosition(){
    $('form#queuePositionForm').submit();
}

Controller 方法

@RequestMapping(value = "/updatePosition", method = RequestMethod.POST)
public String updateCarQueuePosition(@RequestParam(value = "selPosition", required = false) String position) throws IOException {
    //do something with position here.
    return "redirect:/confirmation";
}

Answer 1

由于您的 JSP 具有多个具有相同 id 和 name 的表单，因此最好更改它并通过为 id 分配计数器后缀来为每个表单分配唯一的 id。还将 id 分配给每个选择元素，如下所示。这里的i将是生成这些表单的循环计数器。

<form name="queuePositionForm" id="queuePositionForm_${i}" action="/updatePosition" method="post">
    <select name="selPosition" id="selPosition_${i}" onChange="updatePosition(${i})">
        <option value=""></option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
   </select>
</form>

有了这个，您可以使用如下所示的 updatePosition 函数，它将提交正确的封闭表单。

function updatePosition(formIndex){
   $('form#queuePositionForm_'+formIndex).submit();
}