如何将选中的下拉列表值传递至变量/数据块以执行查询并填充表单字段

针对下拉选年份后自动填充表单字段的需求，分通用Web应用和Oracle Forms两种常见场景给出实现步骤：

一、通用Web应用场景（前端+后端接口） #

1. 前端布局与事件监听 #

先定义下拉选择框和待填充的表单字段：

<select id="yearSelect">
  <option value="">请选择年份</option>
  <option value="2022">2022</option>
  <option value="2023">2023</option>
  <option value="2024">2024</option>
</select>

<form id="dataForm">
  <input type="text" id="field1" placeholder="字段1">
  <input type="text" id="field2" placeholder="字段2">
  <textarea id="field3" placeholder="字段3"></textarea>
</form>

监听下拉框的change事件，选中年份时触发数据查询与填充：

const yearSelect = document.getElementById('yearSelect');
const dataForm = document.getElementById('dataForm');

yearSelect.addEventListener('change', async function() {
  const selectedYear = this.value;
  // 未选择年份时清空表单
  if (!selectedYear) {
    Array.from(dataForm.elements).forEach(el => {
      if (el.type !== 'submit') el.value = '';
    });
    return;
  }

  try {
    // 向后端发送查询请求
    const response = await fetch(`/api/get-data?year=${selectedYear}`);
    if (!response.ok) throw new Error('查询失败');
    
    const data = await response.json();
    if (!data) {
      alert('未查询到对应年份的数据');
      return;
    }

    // 填充表单字段
    document.getElementById('field1').value = data.field1 || '';
    document.getElementById('field2').value = data.field2 || '';
    document.getElementById('field3').value = data.field3 || '';
  } catch (err) {
    console.error(err);
    alert('数据加载出错，请稍后重试');
  }
});

2. 后端接口实现（以Python Flask为例） #

编写接口接收年份参数，执行数据库查询并返回结果：

from flask import Flask, request, jsonify
import sqlite3

app = Flask(__name__)

@app.route('/api/get-data')
def get_data_by_year():
    year = request.args.get('year')
    if not year:
        return jsonify(None), 400
    
    conn = sqlite3.connect('your_db.db')
    cursor = conn.cursor()
    # 年份非主键，若存在多条数据需按业务逻辑筛选（比如取最新记录）
    cursor.execute('SELECT field1, field2, field3 FROM your_table WHERE year = ?', (year,))
    result = cursor.fetchone()
    
    if result:
        return jsonify({
            'field1': result[0],
            'field2': result[1],
            'field3': result[2]
        })
    else:
        return jsonify(None)

if __name__ == '__main__':
    app.run(debug=True)

二、Oracle Forms场景 #

若使用Oracle Forms开发，通过触发器实现：

1. 给年份下拉项（如YEAR_ITEM）添加WHEN-LIST-CHANGED触发器
2. 在触发器中编写查询逻辑：

DECLARE
  v_year VARCHAR2(4);
BEGIN
  v_year := :YEAR_ITEM;
  IF v_year IS NOT NULL THEN
    GO_BLOCK('TARGET_DATA_BLOCK');
    -- 设置查询条件
    SET_BLOCK_PROPERTY('TARGET_DATA_BLOCK', DEFAULT_WHERE, 'YEAR = ''' || v_year || '''');
    -- 执行查询
    EXECUTE_QUERY;
    
    -- 处理多条记录的情况
    IF :SYSTEM.LAST_QUERY_ROWS > 1 THEN
      MESSAGE('该年份存在多条记录，请选择具体条目');
      MESSAGE('');
    END IF;
  ELSE
    CLEAR_BLOCK(NO_VALIDATE);
  END IF;
EXCEPTION
  WHEN OTHERS THEN
    MESSAGE('查询出错：' || SQLERRM);
    MESSAGE('');
END;

3. 确保表单显示项与数据块的数据库项绑定，查询后自动填充字段

注意事项 #

• 年份非主键时，查询可能返回多条数据，需提前明确业务逻辑（如取最新记录、弹出选择框）
• 前端需做好异常处理，避免请求失败或无数据时页面异常
• 后端接口必须使用参数化查询，防止SQL注入

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