2014-01-06 3 views
0

У меня в основном есть элемент поля с именем = «один». Как только я заполню поле, значение должно быть добавлено к href <a name="number" href="example.php" </a>.добавить значение в href с помощью jquery

Он должен добавить его в формате href="example.php?number=one" после заполнения поля. Это возможно? Im new to jquery.

я это для получения значений в JQuery

var num = $("[name='number']").val(); 

, но остальное, добавляя вещи, я не уверен, как это сделать that.Any помочь?

+0

вы должны позволить HREF быть приложены несколько раз делать? – Barmar

ответ

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

Примечание: Это решение не поддерживает обработку значений от Mult iple входные элементы

+0

+1 Арун у вас на самом высоком уровне, как обычно: D. Cheers – Khamidulla

+3

@downvoter я пропустил любой случай –

+2

@downvoter - Кто-то завидует. – George

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

И второй раз? –

0

С этим:

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

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

Приветствиях

+1

Как насчет других параметров строки запроса? Это просто отбрасывает их. –

+0

Справа. На вопрос, ответ. –

+0

В лучшем случае это полу-ответ. –

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); 
    }); 
}); 
Смежные вопросы