我正在尝试存储来自选择/选项的变量,然后通过按钮访问它们以发送到将过滤我页面上的一些 div 的 javascript 函数。
到目前为止,当值发生变化时,它会将值发送到“filter()”。 这是我的标记:
<select name="Area" onchange="filter(this)">
<option selected>Select</option>
<option value="Austin">Austin</option>
<option value="San Antonio">San Antonio</option>
<option value="Temple">Temple</option>
</select>
<select name="Number" onchange="filter(this)">
<option selected>Select</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<a class="button">Submit</a>
但是我如何存储所有选项的值,然后发送它们 一次完成所有功能?
编辑:换句话说,我如何存储每个选项的值,并且只在他们点击提交后才发送给函数?
最佳答案
如果我做对了,没有 jQuery,你可以试试这个:
document.getElementById("button").onclick = function() {
var selects = document.body.getElementsByTagName("select");
var data = [];
for (var i = 0; i < selects.length; i++) {
data.push(selects[i].value);
}
destinyFunction(data);
};
或者为了简单起见,您可以使用 jQuery:
$("#jbutton").on("click", function() {
var data = [];
$("select").each(function() {
data.push($(this).val());
});
destinyFunction(data);
});
摆弄这两个例子 here .
关于php - 如何将选项值传递给按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18280326/