Question

我有一个简单的HTML表单，下面有一个div（作为搜索框和自动填充列表）。

我正在向“结果”<ul>动态添加div列表。当我点击列表项时，我将该值放入输入框。

问题是，当列表中的项目以粗体显示时，输入框中的文本在粗体部分周围有<b></b>个标记。

<form>
    Search:
    <input type="text" id="searchbar">
</form>
<div id="result"></div>

var search = document.getElementById("searchbar");
search.value= "ap";

document.getElementById("result").innerHTML =
    "<ul><li><b>ap</b>ple</li><li><b>ap</b>plication</li></ul>";

$('#result').on('click', 'li', function(event) {
    search.value = this.innerHTML;
});

你可以在这里看到我的意思：http://jsfiddle.net/avfyvk2v/41/

我有没有办法删除搜索框中的标签？感谢

Answer 1

尝试使用textContent代替innerHTML：

search.value = this.textContent;

Demo

在项目点击列表javascript上删除粗体标签<b> </b>

1 个答案: