jquery更改属性href，值来自select

我有以下表格：

<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>

对于select项目的每一行，我希望使用以下值更改attr href： href=url.com？+从选择中选择的选项的值

如何使用jquery实现这一点

---

Thx

如果我假设，当用户从一个选择元素中选择一个选项时，相邻的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());
    });
}

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

也可能是您希望在浏览器中加载文档时更新所有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());
    });
}

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

---

如果我假设，当用户从一个选择元素中选择一个选项时，相邻的元素应该更新，那么我是否理解正确？在这种情况下：

// 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());
    });
}

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

也可能是您希望在浏览器中加载文档时更新所有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());
    });
}

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

您只需在更改select的值后更改标记的href attr。您可以尝试工作代码，它会在每次更改选择框的值时设置链接的href属性

$('select.select-class').change(function(){
    alert($(this).val());
    var url = "url.com?";
    url += $(this).val();
    $(this).next().attr('href', url);
});

您只需在更改select的值后更改标记的href attr。您可以尝试工作代码，它会在每次更改选择框的值时设置链接的href属性

$('select.select-class').change(function(){
    alert($(this).val());
    var url = "url.com?";
    url += $(this).val();
    $(this).next().attr('href', url);
});

---

它不起作用。。。我必须将您的代码放入$document.readyfunction？是的，您可以使用快捷方式$function{…我更新了我的答案。我还有一个问题，也许我必须发布一个新问题，让我知道…如果我有2个这样的选择，我该怎么办：1 2 1 2…我的属性是：url.com？x=value select1&y=value select2让我们知道它不起作用…我必须把你的代码放在$document.readyfunction中？是的，你可以使用快捷方式$function{….我更新了我的答案。我还有一个问题可能我必须发布一个新问题，让我知道….如果我有2个这样的选择，我该怎么办：1 2 1 2…我的属性是：url.com？x=value select1&y=value select2let us