在js中获取js中的选定值
在js中获取js中的选定值
提问于 2021-06-27 18:15:31
我想从我的Jinja代码中的表单中获取所选项目。这个是可能的吗？
这是我的Html/Jinja代码，我在其中遍历数据库中的用户。
<form>
<label>Select a User</label>
<select id="mySelect">
{%for user in List%}
<option value="{{ user.uuid }}">{{ user.name }}</option>
{% endfor %}
</select>
<button onclick="myFunction(); return false;">Show Users History</button>
</form>
<p id="demo"></p>这是我的js代码，它很好地描述了我想要的东西，我想:如果通过按钮选择了一个用户，我希望p显示用户名。
<script>
function myFunction() {
var result = document.getElementById("mySelect").value;
var HTML = '{%for user in List%}{% if user.uuid == ' + result + '%} user.name {%endif%}{%endfor%}';
document.getElementById("demo").innerHTML = HTML;
}
</script>这不起作用，我找不到其他方法来做这件事。
回答 1
Stack Overflow用户
发布于 2021-06-28 14:09:30
你可以这样做：
<script>
function myFunction() {
const select = document.getElementById('mySelect');
document.getElementById("demo").innerHTML = select.options[select.selectedIndex].text;
}
</script>因此，我们的想法是获取对select元素的引用，我们可以检索该元素的options，并使用select元素的selectedIndex属性获取特定的选项。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/68150083
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号