获得跨度应答的新内容

Question

我试图在内容从'＃34;＆＃34;到一个非空字符串。当我使用＆＃34; $（this）.html（）＆＃34; ＃ac1的内容很好，但我无法将其插入#ville。

这是我的代码：

<input type="text" id="ville" onkeyup="autocompletion('ville')"/><span id="ac1"></span>

$("#ac1").on("click",function()
    {
        $("#ville").html($(this).html());
    });

你知道怎么了？谢谢！

Answer 1

input个元素中没有HTML个元素。您不必使用html()方法，而是必须使用val()，因此您的代码将是：

$('#ville').val($(this).text());

Answer 2

JQuery：

＆＃13;

＆＃13;

$("#ac1").on("click", function() {
  $("#ville").val($(this).html());
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="ville" />
<br>
<span id="ac1">test</span>

＆＃13;

＆＃13;

＆＃13;

仅限Vanilla JS：

＆＃13;

＆＃13;

function f(elem) {
  document.getElementById("ville").value = elem.innerHTML;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="ville" />
<br>
<span id="ac1" onclick="f(this)">test</span>

＆＃13;

＆＃13;

＆＃13;