gpt4 book ai didi

jquery 使用 select 中的值更改 attr href

转载 作者:行者123 更新时间:2023-12-01 06:38:41 24 4
gpt4 key购买 nike

我有这个表格:

<div id="select_1">
<select class="select-class">
<option value="value_1" selected="selected">1</option>
<option value="value_2">2</option>
<option value="value_3">3</option>
</select>
<a href="#" class="a-class">Link</a>
</div>

<div id="select_2">
<select class="select-class">
<option value="value_1">1</option>
<option value="value_2" selected="selected">2</option>
<option value="value_3">3</option>
</select>
<a href="#" class="a-class">Link</a>
</div>

<div id="select_3">
<select class="select-class">
<option value="value_1" selected="selected">1</option>
<option value="value_2">2</option>
<option value="value_3">3</option>
</select>
<a href="#" class="a-class">Link</a>
</div>

对于选择项的每一行,我想使用以下值更改 attr href :href="url.com?"+ 从 select 中选择的选项值

如何使用 jquery 做到这一点?

谢谢

最佳答案

如果我假设当用户从 select 元素之一中选择一个选项时,相邻的 a 元素应该更新,我的理解是否正确?在这种情况下:

// jquery 1.7
$(function() {
$("select.select-class").on("change", function() {
var link = $(this).parent().find("a.a-class");
link.attr("href", "url.com?" + $(this).val());
});
}

您也可能希望在浏览器中加载文档时更新所有 a 元素。在这种情况下:

$(function() {
$("select.select-class").each(function() {
var link = $(this).parent().find("a.a-class");
link.attr("href", "url.com?" + $(this).val());
});
});

关于jquery 使用 select 中的值更改 attr href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8442773/

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