Javascript 使用jQuery选择2多个不获取选定html选项
我正在努力从select2多下拉列表中获取所选选项的html 这是我的箱子Javascript 使用jQuery选择2多个不获取选定html选项,javascript,jquery,jquery-select2,dropdown,Javascript,Jquery,Jquery Select2,Dropdown,我正在努力从select2多下拉列表中获取所选选项的html 这是我的箱子 我有此标准选择2多个: 现在,我更改了用户的选择,但在控制台中,它无法使用jQuery接收用户。从下拉列表中标识所选选项的代码为: .select2-results\u选项[aria selected=true] 因此,应使用以下方法找到: var selected_users = $('.select2-results__options').find('li .select2-results__option[aria
var selected_users = $('.select2-results__options').find('li .select2-results__option[aria-selected=true]').html();
$('.stakeholders_span').html(selected_users);
console.log(selected_users);
控制台日志始终显示“未定义”
谁能帮我:)
谢谢 问题是选择器中
li
后面的空格应该是
'li.select2-results__option[aria-selected=true]').html();
$('.stakeholders_span'
$(文档).ready(函数(){
$('.select2 results').select2({templateResult:formatState});
$('.select2 results')。在(“select2:open”上,函数(e){console.log(“open dropdown”);
var selected_users=$('.select2-results_uoptions').find('li.select2-results_uoption[aria selected=true]);
$(“#选定”).html(选定用户);
console.log(已选择的用户长度+“已选择”);
});
函数格式化状态(状态){
var img_url=($(state.element).attr(“url”);
如果(!state.id){return state.text;}
变量$state=$(
''+state.text+''中
);
返回$state;
}
});代码>
选择{
宽度:100%;
}
阿拉巴马州
穆克
怀俄明州
------------
我仍然有这个问题
这是起点:
这是我添加第三个用户时打开的select2:
这就是我看到的:只有最新添加的:
而我应该看到这三个用户
我应用了此代码,但仅显示最新添加的用户:
var stakeholders = $('.select2-results__options').find('li.select2-results__option[aria-selected=true]').html();
console.log(stakeholders);
$('.stakeholders_span').html(stakeholders);
如何解决上述问题 谢谢!我将测试并让您知道:)不幸的是,它在我这边不起作用。我需要$('.select2-results\uuuu options').find('li.select2-results\uu option[aria selected=true]')的html(),但您的解决方案似乎得到了它。还有别的想法吗?我不明白。发生了什么和你需要什么好的,我需要做以下几点:选择多个选项(它们也有图像,所以我需要得到html(),而不是文本()。然后点击一个按钮,我需要在一个div中看到这个选择的html。非常感谢!顺便说一句:我使用select2作为bootstrap4