diff --git a/ft-app/app/routers/trades.py b/ft-app/app/routers/trades.py
index 3113c05..862a03b 100644
--- a/ft-app/app/routers/trades.py
+++ b/ft-app/app/routers/trades.py
@@ -20,6 +20,17 @@ def get_active_contracts(db: Session) -> list[str]:
     return [c[0] for c in contracts]
 
 
+def get_product_contracts(db: Session) -> dict:
+    """Return {product_code: [contract_codes]} for active contracts."""
+    result: dict[str, list[str]] = {}
+    products = db.query(Product).order_by(Product.code).all()
+    for p in products:
+        codes = [c.code for c in p.contracts if c.is_active]
+        if codes:
+            result[p.code] = codes
+    return result
+
+
 def today_str() -> str:
     return date.today().isoformat()
 
@@ -41,6 +52,7 @@ def trades_page(request: Request, db: Session = Depends(get_db)):
             request=request,
             active_nav="trades",
             contracts=get_active_contracts(db),
+            product_contracts=get_product_contracts(db),
             directions=DIRECTIONS,
             open_trades=open_trades,
             closed_trades=closed_trades,
diff --git a/ft-app/app/templates/trades.html b/ft-app/app/templates/trades.html
index de84136..1af6961 100644
--- a/ft-app/app/templates/trades.html
+++ b/ft-app/app/templates/trades.html
@@ -34,13 +34,19 @@
 <div class="form-card" style="margin-bottom:28px;max-width:100%;">
   <form method="post" action="/trades/open">
     <div style="display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;">
+      <div class="form-group" style="margin-bottom:0;flex:0 0 auto;min-width:100px;">
+        <label>品种</label>
+        <select id="productSelect" required onchange="filterContracts()">
+          <option value="">--</option>
+          {% for pcode in product_contracts %}
+          <option value="{{ pcode }}">{{ pcode }}</option>
+          {% endfor %}
+        </select>
+      </div>
       <div class="form-group" style="margin-bottom:0;flex:0 0 auto;min-width:120px;">
         <label>合约</label>
-        <select name="contract_code" required>
-          <option value="">--</option>
-          {% for c in contracts %}
-          <option value="{{ c }}">{{ c }}</option>
-          {% endfor %}
+        <select name="contract_code" id="contractSelect" required disabled>
+          <option value="">-- 先选品种 --</option>
         </select>
       </div>
       <div class="form-group" style="margin-bottom:0;flex:0 0 auto;min-width:70px;">
@@ -197,6 +203,18 @@
 
 {% if view != 'closed' %}
 <script>
+var productContracts = {{ product_contracts | tojson }};
+function filterContracts() {
+  var prod = document.getElementById('productSelect').value;
+  var sel = document.getElementById('contractSelect');
+  sel.innerHTML = '<option value="">-- 选择合约 --</option>';
+  sel.disabled = !prod;
+  if (prod && productContracts[prod]) {
+    productContracts[prod].forEach(function(c) {
+      sel.innerHTML += '<option value="' + c + '">' + c + '</option>';
+    });
+  }
+}
 function showCloseForm(tradeId) {
   document.getElementById('closeForm').action = '/trades/' + tradeId + '/close';
   document.getElementById('closeFormOverlay').style.display = 'block';