淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery Chosen是一种流行的jQuery插件,它可以将标准的HTML下拉列表转换为可搜索和可选的下拉列表。这是一个非常有用的插件,可以帮助开发人员节省时间和精力。但是,当我们需要获取已选择的值时,该怎么办呢?以下是获取jQuery Chosen选择的值的方法。

// HTML Select元素
<select class="chosen-select" multiple data-placeholder="选择选项...">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
// JavaScript代码
// 单选下拉列表
var selectedValue = $('.chosen-select').val();
// 多选下拉列表
var selectedValues = [];
$('.chosen-select option:selected').each(function() {
selectedValues.push($(this).val());
});
console.log(selectedValue);
console.log(selectedValues);

如上所示,如果是单选下拉列表,则可以使用.val()方法获取所选值。如果是多选下拉列表,则必须使用循环获取每个所选值。在此示例中,我们使用了“.each()”方法来遍历所有所选元素,并将值推入一个数组中。