使用jquery将值附加到href

时间:2014-01-06 08:51:03

标签: javascript jquery html href

我基本上有一个名为=“one”的字段元素。只要填写该字段,该值就应附加到href <a name="number" href="example.php" </a>

在我填写字段之后,它应该以{{1​​}}格式附加它。这可能吗?我是jquery的新手。

我有这个来获取jquery中的值

href="example.php?number=one"

但其余的,附加的东西,我不知道该怎么做。有什么帮助吗?

4 个答案:

答案 0 :(得分:6)

尝试

var $a = $('a[name="number"]');
//store the original value so that we can handler multiple changes
$a.data('href', $a.attr('href'))
$("#one").change(function () {
    $a.attr('href', $a.data('href') + '?number=' + this.value)
});

演示:Fiddle

注意:此解决方案不支持处理来自多个输入元素的值

答案 1 :(得分:0)

有了这个:

var $a = $("a[name=number]"),
    href = $a.attr("href");

$a.attr("href", href.split('?')[0] + "?number=" + num);

干杯

答案 2 :(得分:0)

DEMO:http://jsfiddle.net/ETsA8/5/

Html:

   <a name="number" href="example.php">ss </a>
    <input id="one" type="text" >

<强> JS:

   $( document ).ready(function() {
    var link = $("[name='number']").attr("href");
    $("#one").change(function(){
        var a_href = $("#one").val();
        $("[name='number']").attr("href", link+'?number='+a_href);
    });
});

答案 3 :(得分:-1)

$('a[name="number"]').attr(href(function(i, oldhref) {
    return oldhref + '?number=' + value;
});