写一个javascript改变input里的value并传输
时间: 2023-11-22 07:55:54 浏览: 50
可以使用 JavaScript 来改变 input 元素的值,并将其传输到服务器或其他地方。以下是一个示例代码:
HTML:
```
<input type="text" id="myInput" value="">
<button onclick="submitInput()">提交</button>
```
JavaScript:
```
function submitInput() {
// 获取输入框元素
var inputElement = document.getElementById("myInput");
// 修改输入框的值
inputElement.value = "新的值";
// 通过表单提交输入框的值
var formElement = document.createElement("form");
formElement.method = "POST";
formElement.action = "/submit";
var inputField = document.createElement("input");
inputField.type = "hidden";
inputField.name = "inputValue";
inputField.value = inputElement.value;
formElement.appendChild(inputField);
document.body.appendChild(formElement);
formElement.submit();
}
```
这个示例中,我们首先获取了输入框元素,然后修改了它的值。接下来,我们创建了一个表单元素,并将其 method 属性设置为 POST,action 属性设置为服务器端接收数据的 URL。然后,我们创建了一个隐藏的输入框元素,将其 name 属性设置为 "inputValue",value 属性设置为输入框的值,然后将其添加到表单元素中。最后,我们将表单元素添加到文档中,并通过 formElement.submit() 方法提交表单。
阅读全文