它將文本輸入到html中的輸入框中，並將其顯示爲可點擊的選項。

-2

我正在處理一個項目，該項目將輸入框中輸入的文本作爲HTML中的可點擊選項/按鈕顯示在下方。是否有可能做出這樣的事情，如果是的話請讓我知道，任何幫助將不勝感激。它將文本輸入到html中的輸入框中，並將其顯示爲可點擊的選項。

2017-07-25 Siddharth Mishra

是的，這是可能的。希望有幫助 –

-1

這是你在找什麼？

function add() { 
 
    var option = document.createElement("option"); 
 
    option.text = document.getElementById("toadd").value; 
 
    document.getElementById("option").add(option); 
 
} 
 
function add2() { 
 
    var aTag = document.createElement("button"); 
 
    aTag.setAttribute ("id", Date.now()) 
 
    aTag.innerHTML = document.getElementById("toadd").value;; 
 
    document.getElementById("thisdiv").appendChild(aTag); 
 
}

<input id="toadd" type="text"/> 
 
<button onClick="add()" >Add</button> 
 
<button onClick="add2()" >Add in another way</button> 
 
<select id="option"> 
 
</select> 
 
<div id="thisdiv"></div>

來源

2017-07-25 06:25:38 Colin

謝謝，這真的很有用，只是想知道更多的事情，如果我想要的選項顯示在serparate行可以點擊像一個按鈕，而不是選擇標籤內容比我能做什麼？ –

你的意思是一個簡單的標籤嗎？ – Colin

我現在添加了一些添加按鈕的行。 – Colin

如果你想在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>

我們有2種元素之一就是在其提供的任何輸入將出現在接下來的隱藏元素（按鈕）輸入document.getElementById("fname")會找到元素，下一行正在改變按鈕的值，然後我們正在使按鈕出現，直到現在隱藏。我們也可以用jquery做類似的東西

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

來源

2017-07-25 06:45:30 Manishh

我無法理解你的代碼先生，在這裏你使用變量x來存儲兩個ID。第一個是「fname」，另一個是「按鈕」，你能幫我解決這個問題 –

好吧，基本上這兩個解決方案我們有一個輸入和一個隱藏的按鈕。當你輸入任何文字時，它將變得可見。我們已經在兩種情況下綁定了keyup事件。 – Manishh

我已經更新了答案，以便更清楚 – Manishh

它將文本輸入到html中的輸入框中，並將其顯示爲可點擊的選項。

回答

相關問題