bootstrap selectpicker dynamic select not posting selected value

Question

У меня есть два бутстрапа selectpickers, из которых один из них динамически заполняется опциями на основе первого. Эта часть, похоже, работает правильно, однако выбранная опция второго не устанавливается, когда я отправляю форму. Он просто сохраняет первый элемент в выбранном списке независимо от того, что вы выбираете.

Я использовал selectpicker.refresh(), чтобы значения были правильно выбраны. Вот мой код, который я заполняю динамический выбор с:

jQuery("#field_c7vkw42").empty(); //To reset courts 
jQuery("#field_c7vkw42").append("<option value=''>--Select--</option>"); 
jQuery(arr).each(function(i) { //to list counties 
jQuery("#field_c7vkw42").append("<option value=\"" + arr[i].value + "\">" + arr[i].display + "</option>") 
jQuery('#field_c7vkw42').selectpicker('refresh'); 

Если вы хотите, чтобы увидеть живую форму https://funnydriving.com/aaabbb/ и это на шаге 2, где вы выбираете суд. Сейчас у меня есть это, чтобы проверить, так что вы увидите, что бы вы ни выбрали, он думает, что он пуст?

Answer 1

Итак, я верю, что, наконец, узнал, что происходит, на случай, если у кого-то будет эта проблема в будущем. Оказывается, что jquerybootstrapvalidation.js (http://ReactiveRaven.github.com/jqBootstrapValidation) имеет функциональные возможности, чтобы очистить любые старые коробки хелперов сообщения от формы представления:

//for remove old error helpblock start 
$inputs.each(function (i, el) { 
var $this = $(el), 
$controlGroup = $this.parents(".control-group").first(), 
$helpBlock = $controlGroup.find(".help-block").first();    
$this.trigger('change'); 

Который, как вы можете увидеть, были запуская «изменение» по каждому из элементов формы. Это, по сути, было перезапуск моей второй динамической коробки, потому что он думал о внесении изменений в первый выбор.