javascript - 如何检索返回的 JS 函数值并将其传递给 Flask
问题描述
我有以下下拉菜单,它们的值是从 MongoDB 重新调整的。
HTML
<form>
<div class="answer1wrap">
<select id="mySelect1">
<option value="void">Choose your answer</option>
{% for row in rows %}
<option value="{{row}}">{{row}}</option>
{% endfor %}
</select>
<select id="mySelect2">
<option value="void">Choose your answer</option>
{% for row in rows %}
<option value="{{row}}">{{row}}</option>
{% endfor %}
</select>
</div>
</form>
<button class="btn btn-default" id="checkbtn" onclick="answers_1();answers_2();" type="button"><span class="glyphicon glyphicon-check"></span> Check answers</button>
JS
<script>
function answers_1() {
var select = document.getElementById("mySelect1");
var answer = select.options[select.selectedIndex].value;
return answer;
}
function answers_2() {
var select = document.getElementById("mySelect2");
var answer = select.options[select.selectedIndex].value;
return answer;
}
</script>
我的目标是使用两个 JS 函数返回的 (ObjectID),然后使用它们来获取该集合中的特定数据。
我有以下函数,其中key_1
和key_2
是从 JS 函数返回的值,但不知何故我无法使其工作。
@app.route("/distance_object", methods=['POST', 'GET'])
def distance_object():
row_object = []
cursor = object_collection.find({}, {"_id": 1})
for document in cursor:
row_object.append(document['_id'])
input_1 = object_collection.find({"_id": ObjectId(key_1)}, {"x_input": 2})
input_2 = object_collection.find({"_id": ObjectId(key_2)}, {"x_input": 2})
return render_template("distance.html", rows=row_object)
解决方案
在 JS 中像那个函数一样使用
<script>
function answers_1() {
var select = document.getElementById("mySelect1");
return select.value;
}
function answers_2() {
var select = document.getElementById("mySelect2");
return select.value;
}
</script>
推荐阅读
- python - 当我使用丰富的库添加颜色时,为什么会影响它周围的符号?有没有办法阻止这种情况发生?
- php - 如何通过 php 中的清理键访问数组的值?
- laravel - Laravel 8:调用 POST/PUT 方法时出现 302 重定向
- javascript - 根据文档在故事书中设置 sass-loader 但不编译 sass
- javascript - 如何从颤动的消息集合中获取最后一条消息
- html - 调整/拉伸图像大小以适合 div 类 css
- java - 如何验证路径变量类型:错误 400 参数错误,服务器没有日志,没有错误消息
- python - 加入不同尺寸和形状的numpy数组
- android - Android Kotlin - 以编程方式更改按钮的背景
- amazon-cloudformation - CircleCI 工作失败,帮助排除故障