如何在文本框中键入数字并使其成为链接的一部分？

Question

我是新来的,我有一个问题:我正在构建一个页面,我的内部有一个数字链接.我可以提供一个文本框来获取数字并将其作为链接的一部分注入吗？

我正在使用HTML和JavaScript.

谢谢.

Answer 1

jQuery解决方案:

$('#numberInput').keyup(function() {
    var n = parseInt(this.value, 10),
        href = 'http://www.foo.com/' + n + '/bar/';

    if ( !isNaN(n) ) {
        $('#link').attr('href', href).text(href);
    }
});

现场演示: http : //jsfiddle.net/xs7Ag/