js获取input输入框的值
时间: 2023-09-22 21:10:34 浏览: 136
可以使用如下代码获取input输入框的值:
```javascript
var inputValue = document.getElementById("inputId").value;
```
其中,`inputId`是你需要获取值的input元素的id属性值。这段代码将返回输入框中的值并将其赋值给`inputValue`变量。你可以根据需要将变量用于任何其他操作。
相关问题
vue.js获取input输入框的值
可以通过v-model指令来实现实时获取输入框的值,也可以使用原生的JavaScript方法来获取输入框的值。
1. 使用v-model指令
```html
<template>
<div>
<input type="text" v-model="inputValue" />
<button @click="getValue">获取输入框的值</button>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: "" // 初始化输入框的值为空
};
},
methods: {
getValue() {
console.log(this.inputValue); // 打印输入框的值
}
}
};
</script>
```
2. 使用原生JavaScript方法
```html
<template>
<div>
<input type="text" id="inputBox" />
<button @click="getValue">获取输入框的值</button>
</div>
</template>
<script>
export default {
methods: {
getValue() {
const inputValue = document.getElementById("inputBox").value;
console.log(inputValue); // 打印输入框的值
}
}
};
</script>
```
注意:在使用原生JavaScript方法获取输入框的值时,必须给输入框添加一个id属性,方便通过getElementById()方法获取。
ajax获取input输入框的值
可以使用jQuery的.val()方法获取input输入框的值,例如:
```javascript
var inputValue = $('input').val();
```
这段代码会获取页面中第一个input元素的值。如果有多个input元素,可以通过选择器指定需要获取的元素。例如:
```javascript
var inputValue = $('input[name="username"]').val();
```
这段代码会获取name属性为"username"的input元素的值。
阅读全文