js如何获取input的value值

可以使用JavaScript的document对象来获取input元素的value值。具体方法如下：

1. 首先通过getElementById()方法获取到input元素的DOM对象，例如：

var inputElement = document.getElementById("inputId");

2. 然后通过inputElement.value属性获取到input元素的value值，例如：

var inputValue = inputElement.value;

这样就可以获取到input元素的value值了。

相关问题

uniapp获取input的value值

### 回答1：
您好！如果您想要获取 uni-app 中一个输入框（input）的 value 值，可以通过以下方式：

1. 在该输入框的标签中添加 v-model 属性，例如：

<template>
  <div>
    <input v-model="inputValue" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

在上面的代码中，我们在 input 标签上添加了 v-model="inputValue"，这表示我们绑定了一个名为 inputValue 的数据变量与这个输入框关联。当用户在输入框中输入文字时，这个数据变量会自动更新。

因此，要获取这个输入框的 value 值，只需访问这个数据变量的值，即 this.inputValue。

2. 如果您没有使用 v-model 属性，可以通过 ref 引用来获取输入框的值，例如：

<template>
  <div>
    <input ref="myInput" />
    <button @click="getValue">获取值</button>
  </div>
</template>

<script>
export default {
  methods: {
    getValue() {
      const value = this.$refs.myInput.value
      console.log(value)
    }
  }
}
</script>

在上面的代码中，我们给这个输入框添加了一个 ref="myInput" 属性，这样我们就可以在 JavaScript 中通过 this.$refs.myInput 来引用这个输入框。然后，我们在一个按钮的点击事件中调用 getValue 方法来获取这个输入框的值。在 getValue 方法中，我们通过 this.$refs.myInput.value 来获取输入框的 value 值。

### 回答2：
uniapp是一个跨平台的框架，可以用来开发多种不同平台的应用程序。在uniapp中获取input的value值可以通过以下几种方式实现。

1.通过双向绑定获取value值

在vue中有一个双向绑定的概念，可以将data属性绑定到表单元素的value属性上，这样当表单元素的value发生改变时，data属性也会随之改变。在uniapp中也可以使用双向绑定来获取input的value值。例如，我们可以将data的属性绑定到input元素的value属性上，代码如下：

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <p>{{ inputValue }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
};
</script>

在上面的代码中，我们通过v-model指令将inputValue属性绑定到input元素的value属性上，我们可以在template中通过插值形式或者其他方式来获取inputValue的值。

2.通过事件获取value值

通过事件监听input元素的value改变也可以实现获取input的value值。我们可以监听input元素的input事件或者change事件，在事件回调函数中获取input元素的value值。例如：

<template>
  <div>
    <input type="text" ref="inputElement" @input="handleInput" />
    <p>{{ inputValue }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleInput() {
      this.inputValue = this.$refs.inputElement.value;
    },
  },
};
</script>

在上面的代码中，我们监听了input元素的input事件，并在handleInput方法中将input元素的value值赋值给了inputValue属性。

3.通过refs获取value值

在uniapp中，我们可以通过refs获取到指定的元素实例，然后使用element.value来获取元素的value值。例如：

<template>
  <div>
    <input type="text" ref="inputElement" @input="handleInput" />
    <p>{{ inputValue }}</p>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleInput() {
      this.inputValue = this.$refs.inputElement.value;
    },
  },
};
</script>

在上面的代码中，我们在input元素上设置了ref属性为'inputElement'，然后在handleInput方法中使用this.$refs.inputElement获取到input元素的实例，最后使用element.value来获取元素的值。

### 回答3：
uniapp 是一款适用于多个平台的全端开发框架。当我们在使用uniapp开发时，经常需要获取input输入框中的value值。下面就来介绍一下uniapp获取input的value值的方法。

首先，在HTML中定义input输入框时可以通过v-model指令进行双向数据绑定。例如：

<input v-model="keyword" />

这样就可以将输入框中的值与Vue实例中的 keyword 数据进行绑定。当用户在输入框中输入内容时，keyword 的值也会相应地变化。

如果要获取输入框中的值，我们可以在方法中使用 this.keyword 来访问 keyword 数据，即为input输入框中的value值。

除了使用 v-model 以外，我们还可以通过 ref 属性来获取输入框的值。例如：

<input ref="input" />

我们可以在方法中使用 this.$refs.input.value 来获取输入框中的值。需要注意的是，使用 ref 属性获取元素的值需要在 mounted 钩子函数中才能获取到。

总之，不管是使用 v-model 还是 ref 属性，都可以轻松获取到 input 输入框中的值。在开发中，我们可以根据实际需要选择合适的方法进行获取。

javascript获取input的值

JavaScript获取input的值的方法有多种，其中一种方法是使用`document.getElementById()`和`value`属性。示例代码如下：

var inputValue = document.getElementById("inputId").value;

其中"inputId"是HTML中input元素的id。

另一种方法是使用`querySelector()`和`value`属性。示例代码如下：

var inputValue = document.querySelector("#inputId").value;

这里的"#inputId"是input元素的id选择器。

还有一种方法是使用`getElementsByName()`和`value`属性。示例代码如下：

var inputValue = document.getElementsByName("inputName")[0].value;

其中"inputName"是HTML中input元素的name属性。

以上都是获取input的值的方法，可以根据需要使用不同的方法。