JS - 动态Href变化

时间:2015-07-04 20:36:44

标签: javascript jquery html forms

我尝试了很多方法,但我是JS的新手,我主要做PHP。

无论如何代码:

    <script>
        var userinput = $('input[name="imdbid"]');

        userinput.change(

        function(){
            $('#userimdb').attr('href')+$('input[name="imdbid"]').val();
        }

        );
</script>

基本上,imdbid来自输入标记,基本上我想将任何用户类型附加到标记的href,这似乎不起作用。当我提醒()时,它似乎给了我它的意思的输出但是当我删除alert()它似乎没有改变href时,我也试过.setAttribute()但是它也没有做任何事。

现在请帮助我疯了。

2 个答案:

答案 0 :(得分:3)

试试这个:

您需要将其分配给 href 属性..

var userimdb=$('#userimdb');
var baseURL=userimdb.attr('href');
$('input[name="imdbid"]').change(function()
{
    var userimdb=$('#userimdb');
    userimdb.attr('href', baseURL + $(this).val());
});

答案 1 :(得分:1)

您现在没有设置属性,只能访问它。此外,您需要将原始href属性存储在某处,这样您就不会重复添加相同的文本。这是更新后的代码:

var userinput = $('input[name="imdbid"]');
var orighref = $('#userimdb').attr('href');
userinput.change(function(){
    $('#userimdb').attr('href', orighref + userinput.val());
});