使用 JavaScript 将美元符号添加到文本字段输入答案

【问题标题】：Adding a Dollar Sign to a Text Field Input using JavaScript使用 JavaScript 将美元符号添加到文本字段输入
【发布时间】：2013-08-20 13:55:06
【问题描述】：

使用 JavaScript，我希望在表单的输入字段中自动将美元符号放在输入金额的前面。我正在使用下面的代码，但不确定我缺少什么：

<!DOCTYPE html>
<head>
<title>Example</title>
<script>
var test = document.getElementById("name");
document.write("$"+test.value);
</script>
</head>

<body>

<form action="" method="get">
<input type="text" id="name"/>
</form>

</body>
</html>

感谢任何帮助。谢谢！

【问题讨论】：

您希望在用户完成输入后添加美元符号吗？如果那里已经有美元符号怎么办？
我建议你先阅读MDN JavaScript Tutorial ...
我希望在用户将光标放在输入字段中时将美元符号放在那里。
stackoverflow.com/questions/2218434/…
看看这个问题，看看它是否有效stackoverflow.com/questions/7609130/…

标签： javascript

【解决方案1】：

这是添加美元符号的方式：http://jsfiddle.net/VSuvA/。

HTML：

<form action="" method="get">
<input type="text" id="name" onblur="handleChange()"/>
</form>

JS：

function handleChange() {
   var myValue = document.getElementById("name").value;

   if (myValue.indexOf("$") != 0)
   {
      myValue = "$" + myValue;
   }

   document.getElementById("name").value = myValue;
}

您必须监听onchange 或onblur 之类的事件，然后将值设置回去。 document.write 不会做你需要的。

【讨论】：

【解决方案2】：

最好的方法是：

Amount: $<input type="number" id="name" min="0" max="9999" step="0.01"/>

【讨论】：

在input 上使用type=number 时没有size 属性。