gpt4 book ai didi

javascript - 如何从 HTML 中的 select 标签中提取选定的值?

转载 作者:行者123 更新时间:2023-11-28 03:15:23 25 4
gpt4 key购买 nike

我创建了一个 Django 模板,并尝试使用 JavaScript 从选项标记中获取所选值。但是,虽然我当前的代码运行没有问题,但当我单击“提交”时没有响应。无论我选择哪个选项,都不会加载其他网页。谁能帮忙解释为什么会发生这种情况吗?

<!doctype html>
<h1>Searching for a particular tag?</h1>

<input type="text" id="target"/>
<select single="single" name="tag_options" id="tag_options">
<option value="0">Hello</option>
<option value="1">Goodbye</option>
</select>

<button type="submit" onclick="search()">Submit</button>
<br>
<a href="{% url 'frontpage' %}">Front Page</a>

<script>
function search(){
var values = $('#tag_options').val();
this.document.location.href = "http://127.0.0.1:8000/searchtableresults/"+values;

}

</script>

此外,我最终希望将选项从静态选择更改为基于我从 View 加载的值的选择,如下所示

<!doctype html>
<h1>Searching for a particular tag?</h1>

<input type="text" id="target"/>
<select single="single" name="tag_options" id="tag_options">
{% for possible_tag in possible_tags %}
<option value="{{possible_tag}}">{{possible_tag}}</option>
{% endfor %}
</select>

<button type="submit" onclick="search()">Submit</button>
<br>
<a href="{% url 'frontpage' %}">Front Page</a>

<script>
function search(){
var values = $('#tag_options').val();
this.document.location.href = "http://127.0.0.1:8000/searchtableresults/"+values;

}

</script>

这有效还是我需要尝试其他方法?

最佳答案

我相信使用jquery这样的东西会起作用:

//Get select element
const tagSelect = document.querySelector('#tag_options');

//Access Options
let selectedTag = tagSelect.selectedOptions[0].getAttribute('value');

要更改选项:

let tags = []

//Create
tags.forEach(tag => {
const option = document.createElement('option');
option.setAttribute('blah-blah', tag.whatever);
tagSelect.appendChild(option);
})

希望这能在某种程度上有所帮助......

关于javascript - 如何从 HTML 中的 select 标签中提取选定的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59685423/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com