如何通过文本而非值动态设置Django表单ChoiceField选中值？

核心问题排查 #

你的代码失效大概率是以下两个原因：

1. 代码执行时机不对：在<select>元素还没渲染到DOM时就运行了JS
2. 元素ID写错：你的<select>实际ID是sales_documents_editable_select_description_1，而非代码里的sales_documents_description_1
3. 文本匹配精度问题：选项文本可能包含前后空格、大小写差异，导致严格相等匹配失败

可行的jQuery解决方案 #

方案1：精准匹配（修正ID+DOM就绪） #

把代码放在$(document).ready()中确保DOM加载完成，同时修正ID并处理文本前后空格：

$(document).ready(function() {
  const targetText = 'Neumann U87';
  $('#sales_documents_editable_select_description_1 option').filter(function() {
    return $(this).text().trim() === targetText.trim();
  }).prop('selected', true);
});

方案2：模糊匹配（支持部分文本匹配） #

如果需要匹配包含目标文本的选项，可改用includes()：

$(document).ready(function() {
  const targetText = 'Neumann U87';
  $('#sales_documents_editable_select_description_1 option').filter(function() {
    return $(this).text().trim().includes(targetText.trim());
  }).prop('selected', true);
});

原生JS解决方案（无需jQuery） #

如果不想依赖jQuery，可使用原生JS实现：

document.addEventListener('DOMContentLoaded', function() {
  const targetText = 'Neumann U87';
  const selectElement = document.getElementById('sales_documents_editable_select_description_1');
  const options = selectElement.querySelectorAll('option');
  
  for (let option of options) {
    if (option.textContent.trim() === targetText.trim()) {
      option.selected = true;
      break;
    }
  }
});

后端备选优化方案 #

如果能在后端获取到目标产品的ID，直接在表单初始化时设置initial值会更高效，无需前端JS处理：

# 视图中初始化表单时
target_product = models_products.objects.get(product_denomination='Neumann U87')
form5 = YourForm(initial={'sales_documents_description_1': target_product.id_product})

内容的提问来源于stack exchange，提问作者Nico44044