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()”方法来遍历所有所选元素,并将值推入一个数组中。