javascript - 在 <p> 标签中创建文本取决于 <select> 标签，javascript

Question

我想在输入标签后创建带有文本(或类似内容)的 p 标签，在用户在选择标签中选择国家/地区之前，通知用户他/她在此字段中输入的值。
例如:
用户选择USA:输入后必须出现“USD”
用户选择英格兰:输入后必须出现“GBP”

请解释一下为什么我的代码不起作用，这是正确的方法吗？

JS:

function insertAfter(referenceNode, newNode) 
{
     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

function createText() 
{
     var selectValue = document.getElementById("money").value;
     var CashInput = document.getElementById("cash");
     var temp = document.createElement("p");
     if (selectValue == "pound") 
     {
         var text = "GBP";
         temp.appendChild(text);
         insertAfter(CashInput, temp);
     }
}

HTML:

<select id="money" onchange="createText();">
    <option value="pound">England</option>
    <option value="doll">USA</option>
</select>

    <input id="cash">

Answer 1

我建议使用现有元素并仅更改其 insideText 属性。这是一个功能示例。

function insertAfter(referenceNode, newNode) 
{
     referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

function createText() 
{
     var selectValue = document.getElementById("money").value;
     var CashInput = document.getElementById("cash");
     if (selectValue == "pound") 
     {
         var text = "GBP";
     } else if (selectValue == "doll") {
         text = "USD";
     }
     document.getElementById("currency").innerText = text;
}
createText();

<select id="money" onchange="createText();">
<option value="pound">England</option>
<option value="doll">USA</option>
</select>


<input id="cash">
<span id="currency"></span>