Javascript 将href文本传输到文本框_Javascript_Php_Jquery

Javascript 将href文本传输到文本框

javascript php jquery

Javascript 将href文本传输到文本框,javascript,php,jquery,Javascript,Php,Jquery,这是我目前的代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Test Page</title> </head> <body> <a href="">Active</a> <a href="">Inactive</a>

这是我目前的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Page</title>
</head>
<body>
    <a href="">Active</a>
    <a href="">Inactive</a>
    <a href="">Banned</a>
    <input type="text">
</body>
</html>


测试页

我想做的是，当我点击active时，文本框中会出现active这个词，以此类推。有办法做到这一点吗？

您可以使用jquery：

$(document).ready(function() {
    $('a').click(function(e) {
        e.preventDefault();
        var text = $(this).text();
        $('input[type=text]').val(text);
    });
});

可以使用jquery执行此操作：

$(document).ready(function() {
    $('a').click(function(e) {
        e.preventDefault();
        var text = $(this).text();
        $('input[type=text]').val(text);
    });
});

如果没有JQuery，以防有人需要它：

我建议在href属性中添加“#”。如果您不

preventDefault

，它将滚动到页面顶部，而如果您单击空白链接，浏览器可能会重新加载页面

window.addEventListener("load", function () {
    var allLinks = document.getElementsByTagName("a");
    for (var i = 0; i < allLinks.length; ++i) {
        allLinks[i].addEventListener("click", function (e) {
            e.preventDefault();
            document.querySelector('input[type=text]').value = e.target.innerHTML;
        });
    }
});

window.addEventListener（“加载”，函数（）{
var allLinks=document.getElementsByTagName（“a”）；
对于（变量i=0；i

没有JQuery，只是为了防止有人需要它：

我建议在href属性中添加“#”。如果您不

preventDefault

，它将滚动到页面顶部，而如果您单击空白链接，浏览器可能会重新加载页面

window.addEventListener("load", function () {
    var allLinks = document.getElementsByTagName("a");
    for (var i = 0; i < allLinks.length; ++i) {
        allLinks[i].addEventListener("click", function (e) {
            e.preventDefault();
            document.querySelector('input[type=text]').value = e.target.innerHTML;
        });
    }
});

window.addEventListener（“加载”，函数（）{
var allLinks=document.getElementsByTagName（“a”）；
对于（变量i=0；i

在纯javascript中，您可以执行以下操作：

html-我建议在输入中添加一个id

javascript

在纯javascript中，您可以执行以下操作：

html-我建议在输入中添加一个id

javascript

这需要jQuery，如果这是您想要的，那么就用jQuery标记问题。我不是在抨击这个答案，但我非常不鼓励为此使用整个jQuery库。如果您正在与DOM进行大量交互，请确定（可能是这种情况）只是说。这需要jQuery，如果这是您想要的，那么请用jQuery标记问题。我不是在抨击这个答案，但我严重反对为此使用整个jQuery库。如果您正在与DOM进行大量交互，请确定（可能是这样的情况），只需说一句。