使用 jQuery 设置 Django 2 Admin Autocomplete 小部件的值答案

【问题标题】：Set the value of the Django 2 Admin Autocomplete widget using jQuery使用 jQuery 设置 Django 2 Admin Autocomplete 小部件的值
【发布时间】：2020-07-31 13:39:21
【问题描述】：

我正在尝试使用 jQuery 将一些自定义逻辑添加到 django 管理视图中。当“公式”选择输入更改的值时，我想更改表格内联字段中某些选择字段的值。

我尝试了以下代码，但 django 管理自动完成值没有改变。

    rowNumber = 0
    var ingredientInput = $('#id_formulaexplosioningredient_set-' + rowNumber + '-ingredient');
    // console.log('aaa', ingredient, rowNumber, ingredientInput, );
    console.log('select', ingredientInput.select2());
    console.log('djangoAdminSelect2', ingredientInput.djangoAdminSelect2());
    ingredientInput.djangoAdminSelect2().val(ingredient.ingredient.id.toString()).trigger('change');
    ingredientInput.select2().val(ingredient.ingredient.id.toString()).trigger('change');
    ingredientInput.val(ingredient.ingredient.id.toString()).trigger('change');

如您所见，我尝试了 3 种方法，使用元素的 val()。 select2 插件的 val() 和 djangoAmindSelect2() 插件的 val()。

谁能帮我看看我做错了什么？

谢谢！

【问题讨论】：

标签： jquery django

【解决方案1】：

我能够解决这个问题。问题是 select 使用 ajax 来获取数据，所以我必须先创建选项，然后使用 select2:select 事件选择它。我希望这可以帮助别人。

 var newOption = new Option(ingredient.ingredient.name, ingredient.ingredient.id, true, true);
 ingredientInput.append(newOption).trigger('change');
 // manually trigger the `select2:select` event
 ingredientInput.trigger({
      type: 'select2:select',
      params: {
      data: {
        text: ingredient.ingredient.name,
        id: ingredient.ingredient.id.toString(),
      }
    }
 });

【讨论】：