0

我在我的网站中使用 Chosen Select Box Jquery 插件。选择中的选项会使用 ajax 进行更新,因此当您在 1 个框中选择某些内容时,会显示下一个框的选项。

我几乎让它工作了,但是当我单击第二个框选项时,第三个框选项不显示。我在 FireBug 中收到一条错误消息:

类型错误:项目未定义

item.selected = true;

它说它在 Chosen Box 的 js 文件中。

JS ========================

 Chosen.prototype.result_select = function(evt) {
  var high, high_id, item, position;
  if (this.result_highlight) {
    high = this.result_highlight;
    high_id = high.attr("id");
    this.result_clear_highlight();
    if (this.is_multiple) {
      this.result_deactivate(high);
    } else {
      this.search_results.find(".result-selected").removeClass("result-selected");
      this.result_single_selected = high;
      this.selected_item.removeClass("chzn-default");
    }
    high.addClass("result-selected");
    position = high_id.substr(high_id.lastIndexOf("_") + 1);
    item = this.results_data[position];
    item.selected = true;                                <---------- Error
    this.form_field.options[item.options_index].selected = true;
    if (this.is_multiple) {
      this.choice_build(item);
    } else {
      this.selected_item.find("span").first().text(item.text);
      if (this.allow_single_deselect) this.single_deselect_control_build();
    }
    if (!(evt.metaKey && this.is_multiple)) this.results_hide();
    this.search_field.val("");
    if (this.is_multiple || this.form_field_jq.val() !== this.current_value) {
      this.form_field_jq.trigger("change", {
        'selected': this.form_field.options[item.options_index].value
      });
    }
    this.current_value = this.form_field_jq.val();
    return this.search_field_scale();
  }
};

我花了几个小时试图弄清楚但不能。任何帮助,将不胜感激。

4

1 回答 1

6

有同样的问题,在您选择的 HTML 中添加一个空选项标签,应该可以正常工作。

Edit: As knuturO pointed out, arrays are 0 indexed, but most chosen indexes start at 1. By adding an empty value, there no longer is a mismatch between array indexing and the chosen indexes. A dropdown for example works the same way.

于 2014-08-11T10:27:20.833 回答