<input name="devprovNum" th:field="*{devprovNum}" class="form-control" type="text"> js获取"*{devprovNum}" 的值
时间: 2024-07-29 12:01:05 浏览: 46
在JavaScript中,如果你想要获取`<input>`标签中`name="devprovNum"`属性对应的文本框的值,你可以使用DOM操作。假设这个元素已经存在于文档中,你可以通过以下方式获取它的值:
```javascript
var devprovNumValue = document.querySelector('input[name="devprovNum"]').value;
```
这行代码会查找名称为"devprovNum"的输入字段,并返回该字段的当前值。
相关问题
html 修改页回显。下拉框 需求单名称 。单选框<div class="form-group"> <label class="col-sm-2 control-label is-required">检查员类别:</label> <div class="col-sm-9"> <div class="radio-box" th:each="dict : ${@dict.getType('xqd_jcy_lb')}"> <input type="radio" th:id="${'fenlei_' + dict.dictCode}" name="fenlei" th:value="${dict.dictValue}" th:field="*{fenlei}" required> <label th:for="${'fenlei_' + dict.dictCode}" th:text="${dict.dictLabel}"></label> </div> </div> </div> 。 需求单名称的值为1,检查员类别只能选11,12,13,14,15,其它不可见。需求单名称的值为2,检查员类别只能选12,其它不可见。需求单名称的值为3,检查员类别只能选12,其它不可见。需求单名称的值为4,检查员类别只能选13,其它不可见。需求单名称的值为5,检查员类别只能选14,其它不可见。需求单名称的值为6,检查员类别只能选15,其它不可见。需求单名称的值为7,检查员类别只能选11,12,13,14,15,其它不可见。需求单名称的值为8,检查员类别只能选11,12,13,14,15,其它不可见。需求单名称的值为9,检查员类别只能选11,12,13,14,15,其它不可见。需求单名称的值为10,检查员类别只能选32,其它不可见。需求单名称的值为11,检查员类别只能选21,22,其它不可见。需求单名称的值为12,检查员类别只能选21,22,其它不可见。 生成javascript代码,只需正确回显
根据你的需求,可以生成如下的 JavaScript 代码:
```javascript
$(document).ready(function() {
var xqd_jcy_lb = document.getElementsByName("fenlei");
var xqdmc = document.getElementById("xqdmc");
function hideRadio() {
for (var i = 0; i < xqd_jcy_lb.length; i++) {
xqd_jcy_lb[i].parentNode.parentNode.style.display = "none";
}
}
function showRadio(value) {
hideRadio();
switch (value) {
case "1":
document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
break;
case "2":
document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
break;
case "3":
document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
break;
case "4":
document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
break;
case "5":
document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
break;
case "6":
document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
break;
case "7":
document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
break;
case "8":
document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
break;
case "9":
document.getElementById("fenlei_11").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_12").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_13").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_14").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_15").parentNode.parentNode.style.display = "block";
break;
case "10":
document.getElementById("fenlei_32").parentNode.parentNode.style.display = "block";
break;
case "11":
document.getElementById("fenlei_21").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_22").parentNode.parentNode.style.display = "block";
break;
case "12":
document.getElementById("fenlei_21").parentNode.parentNode.style.display = "block";
document.getElementById("fenlei_22").parentNode.parentNode.style.display = "block";
break;
default:
break;
}
}
hideRadio();
showRadio(xqdmc.value);
xqdmc.addEventListener("change", function() {
showRadio(xqdmc.value);
});
});
```
这段代码会在页面加载完成后执行,首先获取到需求单名称的下拉框和检查员类别的单选框。然后定义了两个函数:`hideRadio()` 和 `showRadio(value)`。`hideRadio()` 函数会将所有的检查员类别单选框隐藏,`showRadio(value)` 函数会根据需求单名称的值,显示对应的检查员类别单选框。最后,调用 `hideRadio()` 函数将所有的单选框隐藏,调用 `showRadio(xqdmc.value)` 函数根据当前需求单名称的值显示对应的单选框。同时,还为需求单名称的下拉框添加了 `change` 事件监听器,当选中的值发生改变时,会调用 `showRadio(value)` 函数来更新显示的单选框。
springboot control post thymeleaf 接受form值
Spring Boot 控制器处理 POST 请求并使用 Thymeleaf 模板接收表单值通常涉及以下几个步骤:
1. 创建控制器:首先,创建一个 Spring MVC 控制器类,该类继承自 `@RestController` 并包含一个处理 POST 请求的方法。例如:
```java
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
@RestController
public class MyController {
@PostMapping("/submit-form")
public String handleFormSubmit(@RequestParam("formField") String formValue) {
// 在这里处理 formValue
return "Form submitted with value: " + formValue;
}
}
```
2. Thymeleaf 表单:在 Thymeleaf HTML 模板文件(如 `templates/form.html`)中,创建一个表单,设置 action 路径指向控制器的处理方法,并使用 `th:field` 属性绑定表单字段到方法参数:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<!-- ... -->
</head>
<body>
<form method="post" th:action="@{/submit-form}">
<input type="text" th:name="formField" th:field="*{formValue}" placeholder="Enter your value"/>
<button type="submit">Submit</button>
</form>
</body>
</html>
```
当你提交表单时,浏览器会发送 POST 请求到 `/submit-form`,并将表单字段的值作为 `formField` 参数传递给 `handleFormSubmit` 方法。
阅读全文