Я пытаюсь создать веб-приложение, которое может динамически получать больше полей, текстовое поле и поле выбора.
Я пытаюсь сохранить этот код простым, но у меня проблемы с обработкой данных
На самом деле, у меня нет проблем с получением данных из динамического текстового поля, но я могу получить любое значение из поля выбора, я очень старался, но я не уверен, даже если мой динамический блок выбора это хорошо сделано Я бы очень признателен за вашу помощь
Это код для колбы
from flask import Flask, render_template, request, jsonify
app = Flask(__name__)
@app.route("/", methods=["GET", "POST"])
def index():
if request.method == "POST":
print("This is your info")
print(request.form)
return jsonify(request.form)
else:
return render_template("form.html")
Это HTML
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Dynamic Form Mod</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
</head>
<body>
Products:
<form action="/" method="post">
<div>
<button id="add_item" type="button">Add</button>
<input type="submit" value="Submit">
</div>
<br><br>
<div style="float: left" id="products1"> 1 </div>
<div style="float: left" id="products2"> 2 </div>
</form>
<script>
$(document).ready(function() {
var count = 0;
$("#add_item").on("click", function() {
count += 1;
$("<input/>")
.attr({
type: "text",
placeholder: "Enter product 1",
name: "item1_" + count
})
.appendTo("#products1").wrap($("<div/>"));
$("<select id=item2_" + count + "/>").append($('<option value="1">One</option><option value="2">Two</option>'))
.appendTo("#products2").wrap($("<div/>"));
});
$("<select id=item2_" + count + "/>").attr("value");
})
</script>
</body>
</html>
Я пытаюсь получить ответ как этот
ImmutableMultiDict([('item1_1', 'Any user text'), ('item1_2', '2')])