Я пытаюсь отобразить выборку строк из таблицы SQL, которая передается на мою веб-страницу через флягу.Выбор строк зависит от значения, выбранного в раскрывающемся списке HTML (один из столбцов таблицы - id. Мне нужны строки, идентификатор которых соответствует выбранному значению из формы):
<form name="dropdownForm" style="padding:10px 0px 0px 20px" onchange="calldropdown(this.value)">
<select name="dropdownselection" id='dropdownresult'>
<option value=1>Option 1</option>
<option value=2>Option 2</option>
<option value=3>Option 3</option>
</select>
</form>
В данный момент я передаю результат из этой формы в функцию javascript, но до сих пор смог отображать только выбранное значение из формы вместо того, что мне нужно:
<p id = areatodisplay"></p>
function calldropdown(dropdownresult) {
var result= document.getElementById('dropdownresult').value
document.getElementById("areatodiaplsy").innerHTML = result;
}
Мне нужна помощь с тем, куда идти отсюда - возможно ли то, что я хочу?Мне нужно, чтобы отображаемые данные изменялись всякий раз, когда в раскрывающемся списке делается новый выбор, без обновления страницы - отсюда и JavaScript.
Я пытался использовать теги jinja в своей функции javascript как часть innerHTML строка, приводящая к синтаксическим ошибкам:
document.getElementById("areatodiaplsy").innerHTML = {% for i in getInfo %} {% if i.id == result %} {{i.name}} {% endif %} {% endfor %};
Для полноты, код колбы, который я использую:
@app.route('/live')
def live():
return render_template('live.html', getInfo=Info.query.all())