mi intención es sacar el valor de dos selects localizados en un form en la página html para cargar dichos archivos y mostrar la elección en otra ruta. El caso es que soy bastante novato y ando perdido con la forma de trabajar de flask.
El código del archivo python es el siguiente:
import os
from flask import Flask, render_template, url_for, request
from flask_bootstrap import Bootstrap
from werkzeug.utils import redirect
app = Flask(__name__)
Bootstrap(app)
@app.route('/', methods=['GET', 'POST'])
def index():
listConfig = os.listdir('configVariables')
listSim = os.listdir('SimData')
return render_template('index.html', listConfig=listConfig, listSim=listSim)
@app.route('/data', methods=['GET', 'POST'])
def data():
return render_template('data.html')
@app.route('/showData/<sim>/<config>', methods=['GET', 'POST'])
def showData(sim, config):
return redirect(url_for('data', sim, config))
def submit():
if request.method == "POST":
if request.form.get("showData"):
return redirect(url_for('data'))
elif request.method == "GET":
return redirect(url_for('data'))
if __name__ == "__main__":
app.run(debug=True)
Por otro lado, el html de index es el siguiente:
{% extends "base.html" %}
{% block title %} Elección{% endblock %}
{% block content %}
<div class="title">
<h1 id="titulo">2 Opciones archivo</h1>
</div>
<div class="description">
<h3>Escoge las opciones</h3>
</div>
<div class="selectSim">
<span> Opción 1</span>
<select onchange="elSim(this)" id="sim" class="form-select form-select-lg mb-3 show-tick"
aria-label=".form-select-lg example" name="listSim" method="POST"
action="{{ url_for('data') }}">
{% for file in listSim %}
<option name=sim value="{{simName}}" SELECTED>{{file}}</option>
{% endfor %}
</select>
<form id="formSim" method="post" action="/data">
<button type="submit" class="btn btn-dark btn-lg" name="showData" value="showData">Simular
</button>
</form>
</div>
<div class="selectConfig">
<span> Elige la opción 2</span>
<select onchange="elVariable(this)" id="variable" class="form-select form-select-lg mb-3 "
aria-label=".form-select-lg example" name="listConfig"
method="POST"
action="/">
{% for file in listConfig %}
<option name=config value="{{configName}}" SELECTED>{{file}}</option>
{% endfor %}
</select>
<form id="formConfig" method="post" action="/data">
<button type="submit" class="btn btn-dark btn-lg" name="showData" value="showData">Acción 2
</button>
</form>
</div>
{% endblock %}
Y por último el html donde querría mostrar los archivos que se han seleccionado:
{% extends "base.html" %}
{% block title %}Archivos escogidos{% endblock %}
{% block content %}
<div class="primary">
<div class="title">
<h1>Muestra archivos</h1>
</div>
<div class="description">
<h3>Muestra de los datos seleccionados:</h3>
<p>{{sim}}</p>
<p>{{config}}</p>
</div>
</div>
{% endblock %}
Le he dado varias vueltas y al final me he acabado embolicando. Seguramente la opción sea la hostia de fácil peero, no he encontrado la solución tampoco buscando preguntas relacionadas. Debería sacar ese valor con el evento onChange pero...como pasarlo mediante la ruta a otro template?. Un poco de ayuda please?.