javascript - 提交 javascript 表单但数据未正确传递

Question

我试图通过提交表单来传递值，但是当提交时我看不到任何在 URL 上传递的数据。记录员证实了这一点。

JavaScript 代码

函数 validateSelectedCombination() {

var program_Id = document.getElementById('id_select_program').value;


alert(program_Id);
document.getElementById('id_select_program').value;
document.getElementById("programFormDropDown").action=("../hDashBoard/project");
document.getElementById("programFormDropDown").submit();

}

JSP文件中的表单

<form id="programFormDropDown">
    <label>Program :</label>    
    <select id="id_select_program" class="selectpicker" data-live-search="true" title='Choose Program...'>            
          <c:forEach var="program" items="${programs}">
            <option  value="${program.programId}">${program.programName}</option>
        </c:forEach>            
    </select> 

    <input type="button" onclick="validateSelectedCombination()" value="Submit">        

Controller

@RequestMapping(value = "/project" , method = RequestMethod.GET)
public ModelAndView programValidate(HttpServletRequest request , ServletResponse response) throws Exception {

    String programId = request.getParameter("id_select_program");
    LOGGER.info("Selected program id" + programId);
    ModelAndView fileConfigModelView = new ModelAndView("fileUpload");
    return fileConfigModelView;
}

Answer 1

只能提交具有名称属性的字段，将名称属性添加到您的选择中，如下所示: <select name = "id_select_program"