Bootstrap选择:使用jquery选择选项

时间:2017-02-19 13:05:43

标签: javascript jquery twitter-bootstrap bootstrap-select

我正在尝试通过jquery选择已经选择的选项,但黑色tick不可见:

enter image description here

尝试选择它:

$('.skills :last').find('option:contains("Calculating data")').prop('selected', true);
[option]

$('.skills :last').val();
["Calculating data↵"]

$('.skills');
[div.btn-group.bootstrap-select.show-tick.skills.job-seeker-content-spacing, select.selectpicker.skills.job-seeker-content-spacing]

$('.skills :first').find('option:contains("Calculating data")').prop('selected', true);
[option]

$('.skills :first').val();
""

还尝试使用click,在shell上显示它已被选中但未显示网站上的选择示例:

enter image description here

2 个答案:

答案 0 :(得分:0)

如果你想要文字:

var text = $('.skills').find(":selected").text();

如果您想要值:

var value = $('.skills').find(":selected").val();

答案 1 :(得分:0)

我不太了解bootstrap-select,但在深入研究之后,我想了一个方法,

打电话后

$('.skills :last').find('option:contains("Calculating data")').prop('selected', true);

该选项已被选中且工作正常,

让我们假设select标签有#selecting id,

现在调用它来刷新bootstrap-select以获得该滴答,

$("#selecting").data("selectpicker").refresh()