获取下拉列表框的值是数组可以分为两种方式:
- 使用原生JS获取,可以通过select对象的options属性来获取选项列表(options列表是一个类数组对象,每个元素包含选项的各个详细信息),然后通过循环遍历该列表中的每个选项来获取具体选项的值。
- 使用jQuery库获取,可以通过选择器选中下拉列表框,使用val()方法获取其值,该值就是一个数组,包含了下拉列表框中所有被选中选项的值。
以下是两个示例说明:
示例一(原生JS):
HTML代码:
<select id="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="watermelon">西瓜</option>
<option value="grape">葡萄</option>
</select>
<button onclick="getSelected()">获取选中值</button>
JavaScript代码:
function getSelected() {
var select = document.getElementById("fruit");
var selectedValues = [];
for (var i = 0; i < select.options.length; i++) {
if (select.options[i].selected) {
selectedValues.push(select.options[i].value);
}
}
console.log(selectedValues);
}
上述示例演示了如何使用原生JS获取下拉列表框的值,其中通过获取select对象的options属性可以获取选项列表,遍历该列表并判断每个选项是否被选中,最终得到选中选项的值的数组selectedValues。可以将该数组进行后续的处理或网络请求。
示例二(jQuery):
HTML代码:
<select id="fruit">
<option value="apple">苹果</option>
<option value="banana">香蕉</option>
<option value="orange">橙子</option>
<option value="watermelon">西瓜</option>
<option value="grape">葡萄</option>
</select>
<button onclick="getSelected()">获取选中值</button>
JavaScript代码:
function getSelected() {
var selectedValues = $("#fruit").val();
console.log(selectedValues);
}
上述示例演示了如何使用jQuery获取下拉列表框的值,其中通过$符号选中下拉列表框,使用val()方法获取其选中值的数组selectedValues,便于调用$.inArray等相关的方法进行操作。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:获取下拉列表框的值是数组,split,$.inArray示例 - Python技术站