javascript - 如何将用户选择/输入分配给 JavaScript 变量？

Question

这个问题已经有答案了:

Get selected value in dropdown list using JavaScript (31 个回答)

已关闭 9 年前。

假设我有以下内容:

Select a Number:
<select name="Quantity" id="selection"> 
<option value="Value1">1</option> 
<option value="Value2">2</option> 
<option value="Value3">3</option> 
<option value="Value4">4</option> 
</select>

Enter Something:
<input type="string" name="Input1"/></input>

一个是下拉菜单，一个是可以在其中输入文本的框。

我想获取用户选择/输入的内容并将其分配给 JavaScript 变量。然后我想将变量传递给页面稍后的 JavaScript 文件。

我相信我可以弄清楚后一部分，但是我如何将用户选择/输入分配给变量？

我可以做类似 var one = document.Quantity.Value; 的事情吗？ var 二 = document.Input1.Value; ？

Answer 1

您可以使用querySelector()方法:

var select_value = document.querySelector('#selection').value
var input_value = document.querySelector('input[name="Input1"]').value 

注意:querySelector('input[name="Input1"]') 采用属性 name = "Input1" 获取第一个输入，您可以使用 querySelectorAll 捕获所有它们并循环遍历集合。

您也可以通过其他方式做到这一点:

var select_value = document.getElementById('selection').value
var input_value = document.getElemenstByName('Input1')[0].value