如何使用Jquery连接现有属性值的新值？

Question

如果对你感到困惑，请回答问题标题。我的一个简单问题是我有一个带有属性的HTML元素。但我想使用onclick事件连接一个新值。用户单击链接后，元素属性将与来自我的jquery值的新值连接。

这是示例代码。顺便说一下，我使用的是聪明的。

<a href="products.search.advance&search_by=" class="w024 h024 ml006 b08 u003 d2 f1" id="call_dispatch">

$("#call_dispatch").click(function()
    {ldelim}

        var dispatch_value = $("#dispatch").val();
        var menu = dispatch_value + "|fn_url";

        $('#call_dispatch').attr('href',menu);

        var x = $('#call_dispatch').attr('href');
        alert(x);

    {rdelim}    
);

现在，正如您在href属性中看到的那样，我按值搜索。现在我的问题是我需要将它与我的jquery中的var菜单值连接起来。但我不知道怎么做。请帮帮我们。谢谢。

Answer 1

还有另一种方法可以做到这一点。更改选择时，必须将搜索文本附加到锚标记的href。

考虑您有以下选择选项

<select id="dispatch">
    <option value="first">first</options>
    <option value="second">second</options>
    <option value="third">third</options>
</select>

你的锚标签是

<a href="products.search.advance&search_by=" class="w024 h024 ml006 b08 u003 d2 f1" id="call_dispatch">

现在使用以下代码

$("#dispatch").change(function(){

var dispatch_value = $("#dispatch").val();

var menu = dispatch_value + "|fn_url";

    $('#call_dispatch').attr('href',menu);

    var x = $('#call_dispatch').attr('href');
    alert(x);

});

我创造了一个小提琴。请看这个：http://jsfiddle.net/codingsolver/bJ4nw/1/

希望它能帮助你。

Answer 2

 var x = $('#call_dispatch').attr('href');
 $('#call_dispatch').attr('href',x+menu);

Answer 3

.attr( attributeName, function(index, attr) )

$('#call_dispatch').attr('href', function(index, attr) {
    return attr + menu;
});