2014-10-16 2 views
-8

Таким образом, при вводе в поле ввода формы, я хотел бы показать ниже гиперссылка (который обновляется при записи)Создать ссылку во время набора текста с помощью Jquery

Например, я бы вводить

«Это мое имя»

это должно быть создано ниже поля в качестве ссылки в то время как я печатаю:

http://www.example.com/index.php?name=This+is+my+Name

Как бы я подошел к этому?

+1

Извините, Тобиас, но вы были участником более года ... Вы знаете, что это не код * для меня * – LcSalazar

+2

Посмотрите на jQuery 'change()' и Javascript ' encodeURIComponent() ' – Basic

ответ

2

Хотя я не хочу, чтобы сделать его привычка принимать SO как код для меня сайт, но на этот раз здесь для вас:

var field = document.getElementById("field"); 
var link = document.getElementById("link"); 
field.onchange = function() { 
    link.href = "http://www.example.com/?q=" + encodeURIComponent(field.value); 
    console.log(link.href); 
}; 

Примечание Я не закодировал его для вас в JQuery, Я бы хотел, чтобы вы изменили его для себя, если хотите.

+1

Почему все равно? –

+0

Спасибо Мохаммад, я не вижу, где в моем вопросе я написал, что мне нужно полное решение, я был бы уже счастлив, если бы был направлен в такое направление, как @Basic (спасибо тоже!) Сделал это, так как я не знал, как «google» это, или как подойти к нему, а также не нашел ничего в SO, чтобы найти его. Так что опять же благодаря вам, в любом случае. – TobiasH

+1

Любое время помощник. :) –

Смежные вопросы