在前端開發中，我們常常需要在用戶通過輸入框輸入數據后獲取用戶輸入的值。這時候，Javascript就可以派上用場了。下面就來詳細介紹Javascript如何獲取輸入框的值。 獲取單行文本框的值 --- 單行文本框就是我們常說的input標簽的type屬性為text，那么如何獲取它的值呢？我們可以使用getElementById方法獲取到單行文本框的DOM節點，再通過value屬性獲取值。具體實現代碼如下：

<input type="text" id="input-text" name="input-text">
<button onclick="getTextValue()">獲取文本框的值</button>

在點擊獲取文本框的值按鈕時，我們調用了getTextValue函數來獲取單行文本框的值。我們通過getElementById方法獲取到了id為input-text的DOM節點，并通過value屬性獲取到了文本框的值。最后使用alert彈出了獲取到的值。 獲取多行文本框的值 --- 多行文本框就是我們常說的textarea標簽。我們同樣可以使用getElementById方法獲取它的DOM節點，但是它的獲取值方法與單行文本框略有不同。具體實現代碼如下：

<textarea id="input-textarea" name="input-textarea"></textarea>
<button onclick="getTextareaValue()">獲取多行文本框的值</button>

通過getElementById方法獲取到了id為input-textarea的DOM節點，并通過innerHTML屬性獲取到了多行文本框的值。最后同樣使用alert彈出了獲取到的值。 獲取下拉框的值 --- 下拉框就是我們常說的select標簽。我們需要先獲取到選擇的選項，再獲取選擇的選項的值。具體實現代碼如下：

<select id="select-option">
<option value="a">選項一</option>
<option value="b">選項二</option>
<option value="c">選項三</option>
</select>
<button onclick="getSelectValue()">獲取下拉框的值</button>

我們通過getElementById方法獲取到了id為select-option的DOM節點，通過selectedIndex獲取到了選擇的選項的索引，再通過options索引值獲取該選項的值。 總結 --- 在使用Javascript獲取輸入框的值時，我們需要獲取到輸入框的DOM節點，再通過其對應的屬性獲取值。實現方法都比較簡單，只要了解對應屬性的名稱即可。如果需要獲取其他類型的輸入框，可以另行查找對應的屬性名稱。