首页 > 解决方案 > 如何重置我的许多选择框值?

问题描述

我在使用选择的选择插件时遇到问题。我有很多选择框,我使用 javascript 代码制作了它。当我更改“默认选择”类时,我想重置所有选择框,但在我的屏幕上显示的文本是默认消息(“选择一个选项......”)而不是我的“未选择”消息。

这不是真正的代码,但类似。

function appendSelectBox(i) {
 $(myTable).append(
   "<select id=\select-a" + i + "\" class=\"form-control chosen-select for-history select-a\">" +
     "<option value=\"-1\">not chosen</option>" +
   "</select>");
}

for (var i = 0; i < 10; i++) {
   appendSelectBox(i);
}


$(".select-term").chosen().change(function(event) {
  var trIndex = tableForm.getTrIndex($(this));
                tableForm.addTermUrl(trIndex);
 });
$(".default-chosen").chosen().change(function(event) {
 // here is the code that remove selected option and set default value
})

我尝试了所有代码,例如底部代码。


$('.select-a').find('option:first-child').prop('selected', true).end().trigger('chosen:updated');


$('.select-a').find('option').removeAttr('selected').end().trigger('chosen:updated');


$('.select-a').val(-1).trigger("chosen:update");
$('.select-a').val(-1).trigger("liszt:update");
$('.select-a').val("-1").trigger("chosen:update");
$('.select-a').val("").trigger("chosen:update");

请帮忙,, :[

标签: javascriptjqueryselectjquery-chosen

解决方案


就我而言,我选择的更改事件侦听器已重置,因此我必须在我的代码中重新注册..


推荐阅读