Question

假设我有以下内容：

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 two = 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

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

1 个答案: