Question

我想将之前询问的nameInput变量添加到url中进行搜索，可能吗？

<html>
    <head>
        <script id="jsbin-javascript">
            var names = [];
            var nameInput = [ff];

            function insert() {
                alert(nameInput.value);
            }
        </script>
    </head>
    <body>
        <form>
            <input id="name" type="text" placeholder="Nombre" />
            <input type="button" value="Mostrar" onclick="insert()" />
        </form>
        <a href="http://reser.com" &+nameInput ">link text</a>
    </body>
</html>

Answer 1

单独 HTML和JavaScript：

<强> HTML

<input type="text" id="inputUser" value=""/>
<a id="outputUser">Go to user page</a>

添加到<a>点击事件：

a.addEventListener("click", function() {});

获取输入值：

var user = document.getElementById("inputUser").value

附加到网址：

a.href = url + input;

完整的JavaScript

var a = document.getElementById("outputUser");

a.addEventListener("click", function() {
    var user = document.getElementById("inputUser").value;
    a.href = "http://reser.com/" + user;
});

HTML后，

<script>进入<body>：

<body>
    HTML
    <script></script>
</body>

Answer 2

您可以修改window.location.href属性以将用户重定向到新网址。

window.location.href = window.location.href + nameInput

如果您希望用户点击，您可以在链接的insert()事件上绑定onclick，然后进行重定向。

Answer 3

我建议你做这样的事情，给出锚标签和id并用javascript检索它，然后用你想要的值添加href

<a id="unique"href="http://reser.com"&+nameInput">link text</a>

document.getElementById("unique").setAttribute("href", yourDesiredValue);

您可能必须使用

getElementsByTag("a")[0]

其中0将是页面上锚标记的编号

Answer 4

通过为您的锚标记提供ID，例如“test”，您可以将输入值传递给其href属性。

function insert ( ) { 
    var newName = document.getElementById("name").value;
    document.getElementById("test").setAttribute("href","http://reser.com/" + newName);

    }

如何将变量放入网址

4 个答案: