selectpicker 清空选项_从Bootstrap-Select下拉组件中取消选择任何选项

我有一个Bootstrap-Select下拉菜单，在将某个字符串输入到文本输入中时，它将从另一个源中填充。一切工作到第一个选项被默认选中的位置，我想阻止这个，所以用户必须选择一个选项。从Bootstrap-Select下拉组件中取消选择任何选项

代码如下：

.form-control,

.selectpicker {

width: 220px;

}

#postalcode {

text-transform: uppercase;

margin-right: 10px;

}

var data = ["1 Street Name", "2 Street Name", "3 Street Name", "4 Street Name", "5 Street Name"];

$('#postalcode').on('input', function(e) {

var pattern = new RegExp('^[A-Z]{1,2}[0-9]{1,2} ?[0-9][A-Z]{2}$');

var text = $('#postalcode').val().toUpperCase();

if (pattern.test(text)) {

$('#address').empty();

$.each(data, function(i, value) {

$('#address').append($('').text(value).attr('value', value));

});

$('#address option').prop('selected', false);

$('#address').prop('disabled', false);

$('#address').selectpicker('refresh');

} else {

$('#address').empty().append(' ');

$('#address').prop('disabled', true);

$('#address').selectpicker('refresh');

}

});

2017-10-20

Reado

+0

只需添加一个空白选项，就像你在其他地方所做的那样 –