1
$('.excludeDaysPicker').selectpicker();
我有bootstrap selectpicker''多'选择选项启用。如何获得bootstrap selectpicker中的点击选项?
<select class="excludeDaysPicker" multiple title="Not Selected">
<option value="Monday" id="1" class="excludeDays">Monday</option>
<option value="Tuesday" id="2" class="excludeDays">Tuesday</option>
<option value="Wednesday" id="3" class="excludeDays">Wednesday</option>
<option value="Thursday" id="4" class="excludeDays">Thursday</option>
<option value="Friday" id="5" class="excludeDays">Friday</option>
<option value="Saturday" id="6" class="excludeDays">Saturday</option>
<option value="Sunday" id="7" class="excludeDays">Sunday</option>
</select>
点击选择选项(选择或取消选择)后,我想知道哪个选项被点击。
我试过了。
$('.excludeDaysPicker').on('change',function(){
console.log("id::",$(this).children(':selected').attr('id'));
});
这实际上确实让我ID。但是因为它是一个多重选择启用selectpicker。如果已经选择了一个选项。该选项的ID将被返回。为前,在下面的屏幕截图
如果我点击周三,它给我的ID 2(因为周二被选中),但实际上,周三的id为3。我想的ID我点击的选项元素。
而且我也无法通过给选项元素添加一个类来获得选项元素,因为引导选择器插件会为所有选项元素创建一个列表,如下所示。
所以,
$('.excludeDays').click(function()
{
console.log("excluded day optionselected::",$(this).attr('id'));
});
也没有帮助。
周围有家伙吗?
喜恐龙。但我不想要所有选择的选项,但目前选择的选项。 –
请参阅最新信息 – DinoMyte
迪诺。感谢您的努力。您的答案在选择时适用,但在取消选择时不起作用。我的道歉dino没有清楚解释。 –