Javascript 它以html格式将输入框中输入的文本作为可单击选项显示在下面。

我正在做一个项目，它接受输入框中输入的文本，并将其显示为html中的可单击选项/按钮。有可能做这样的事情吗？如果有，请告诉我，任何帮助都将不胜感激。

这就是你要找的吗

函数添加{ var option=document.createElementoption； option.text=document.getElementByIdtoadd.value； document.getElementByIdoption.addoption； } 函数add2{ var aTag=document.createElementbutton； aTag.setAttribute id，Date.now aTag.innerHTML=document.getElementByIdtoadd.value；； document.getElementByIdthisdiv.appendChildaTag； } 添加 另加

---

如果您想使用javascript：

<input type="text" id="fname" onkeyup="myFunction()">
<button id='button' style='display:none;'></button>

<script>
function myFunction() {
    var x = document.getElementById("fname");
    document.getElementById("button").innerHTML = x.value
    var x = document.getElementById('button');
    if (x.style.display === 'none') {
        x.style.display = 'block';
    }
}
</script>

---

是的，这是可能的。希望能帮上忙谢谢，它真的很有用，我只想知道一件事，如果我想让选项显示在像按钮一样可点击的独立行中，我能做什么？你是说一个简单的a标记吗？我现在添加了一些行来添加按钮。实际上，我的意思是说，我在文本框中输入的内容都会以按钮的形式显示出来，例如，如果我在文本框中输入sid并单击“添加”，那么它会在下面生成一个名为sid的按钮。希望你明白我想说的，你的第二个代码工作得很好，这正是我想要的，谢谢，伙计。我无法理解你的代码，先生，这里你使用变量x来存储两个ID。第一个是fname，另一个是button，你能帮我解决这个问题吗？好的，基本上，对于这两个解决方案，我们都有一个输入和一个隐藏按钮。当您键入任何文本时，它将变为可见。我们在这两种情况下都有绑定键控事件。我已经更新了一点答案，使它更清晰。谢谢，伙计，现在它可以工作了

<input type="text" id="fname">
<button id='button' style='display:none;'></button>
$( "#fname" ).keyup(function() {
  $("#button").show();
  $("#button").html($(this).val());
})